@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #2d3748;--text-secondary: #4a5568;--text-tertiary: #718096;--border-color: #e2e8f0;--border-secondary: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--accent: #7c3aed;--accent-light: #a78bfa;--accent-bright: #5f28ff;--accent-purple: #a855f7;--accent-hover: #f8fafc;--hover-bg: #f7fafc;--color-success: #22c55e;--color-danger: #dc2626;--color-warning: #fbbf24;--color-info: #3b82f6;--color-facebook: #1877f2;--color-twitter: #1da1f2;--color-youtube: #ff0000;--color-instagram: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--color-gold: #f7ca01;--color-star: #fbbf24;--color-amber: #f59e0b;--color-amber-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--color-purple-light: #ede9fe;--color-slate-300: #cbd5e1;--color-slate-400: #a0aec0;--color-black: #000000;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--footer-bg: #1f2937;--footer-bg-secondary: #374151;--footer-bg-hover: #4b5563;--footer-text: #9ca3af;--footer-text-muted: #6b7280;--footer-text-white: #ffffff;--footer-border: #374151}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #2a3443;--border-secondary: #2a3443;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md: 0 2px 4px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3);--accent: #8b5cf6;--accent-light: #a78bfa;--accent-bright: #b76fff;--accent-purple: #c084fc;--accent-hover: #334155;--hover-bg: #1e293b;--color-success: #22c55e;--color-danger: #dc2626;--color-warning: #fbbf24;--color-info: #3b82f6;--color-facebook: #1877f2;--color-twitter: #1da1f2;--color-youtube: #ff0000;--color-instagram: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--footer-bg: #1f2937;--footer-bg-secondary: #374151;--footer-bg-hover: #4b5563;--footer-text: #9ca3af;--footer-text-muted: #6b7280;--footer-text-white: #ffffff;--footer-border: #374151}:root{font-family:"Open Sans",sans-serif}body{margin:10px;font-size:13px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}h1{color:var(--text-primary);font-size:28px;font-weight:500;padding-bottom:8px;border-bottom:1px var(--border-color) dotted}h2{font-size:23px;color:var(--text-secondary)}h3{font-size:20px;color:var(--accent);font-weight:700}main{margin:20px 0px;background:var(--bg-secondary);position:relative;border-radius:11px;box-sizing:border-box;border:1px solid var(--border-color);padding:30px clamp(5px,5vw,50px);box-shadow:var(--shadow-lg);width:clamp(100px,100vw - 20px,1140px)}p{color:var(--text-primary);font-size:13px;line-height:27px;font-weight:normal;text-align:justify}a{outline:none;color:var(--accent-light);text-decoration:none;transition:all .5s ease}a:hover{color:var(--accent)}html[data-theme=dark] main{background-color:var(--bg-secondary);border-color:var(--border-color)}html[data-theme=dark] h1{color:var(--text-primary);border-bottom-color:#475569}html[data-theme=dark] h2{color:var(--text-secondary)}html[data-theme=dark] h3{color:var(--accent-light)}html[data-theme=dark] p{color:var(--text-secondary)}html[data-theme=dark] a{color:#60a5fa}html[data-theme=dark] a:hover{color:#93c5fd}.theme-switcher{position:fixed;top:20px;right:30px;z-index:1000}.theme-toggle{background:#6b7280;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease}.theme-toggle:hover{background:#4b5563;box-shadow:0 4px 12px rgba(0,0,0,.3)}.theme-toggle:hover i{transform:rotate(20deg)}.theme-toggle i{font-size:1.1rem;color:#fff;transition:transform .3s ease}.theme-toggle .fa-sun{display:inline-block}.theme-toggle .fa-moon{display:none}html[data-theme=dark] .theme-toggle{background:#4b5563}html[data-theme=dark] .theme-toggle:hover{background:#6b7280}html[data-theme=dark] .theme-toggle .fa-sun{display:none}html[data-theme=dark] .theme-toggle .fa-moon{display:inline-block}main{margin-top:80px}@media(max-width: 768px){.theme-switcher{top:15px;right:15px}.theme-toggle{width:40px;height:40px}.theme-toggle i{font-size:1rem}main{margin-top:70px}}@media(max-width: 480px){.theme-switcher{top:10px;right:10px}.theme-toggle{width:36px;height:36px}.theme-toggle i{font-size:.9rem}main{margin-top:60px}}