@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--black:#080c14;--dark-900:#0d1117;--dark-800:#161b27;--dark-700:#1e2536;--dark-600:#252d3d;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-glow:rgba(37,99,235,0.35);--cyan-500:#06b6d4;--cyan-400:#22d3ee;--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-900:#0f172a;--green-500:#10b981;--red-500:#ef4444;--amber-500:#f59e0b;--primary:var(--blue-600);--primary-hover:var(--blue-500);--accent:var(--cyan-500);--bg:var(--gray-50);--surface:var(--white);--surface-2:var(--gray-100);--border:var(--gray-200);--border-subtle:var(--gray-100);--text-1:var(--gray-900);--text-2:var(--gray-500);--text-3:var(--gray-400);--shadow-1:0 1px 2px rgba(15,23,42,.05);--shadow-2:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);--shadow-3:0 4px 8px rgba(15,23,42,.06),0 2px 4px rgba(15,23,42,.04);--shadow-4:0 8px 24px rgba(15,23,42,.1),0 4px 8px rgba(15,23,42,.06);--shadow-5:0 16px 48px rgba(15,23,42,.14),0 8px 16px rgba(15,23,42,.08);--shadow-6:0 32px 80px rgba(15,23,42,.18),0 16px 32px rgba(15,23,42,.1);--shadow-blue:0 8px 24px var(--blue-glow);--r-1:4px;--r-2:8px;--r-3:12px;--r-4:16px;--r-5:20px;--r-6:24px;--r-full:9999px;--t-1:0.15s ease;--t-2:0.25s ease;--t-3:0.35s ease;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--primary-color:var(--blue-600);--primary-dark:#1d4ed8;--primary-light:var(--blue-500);--secondary-color:#1d4ed8;--accent-color:var(--cyan-500);--success-color:var(--green-500);--warning-color:var(--amber-500);--error-color:var(--red-500);--bg-color:var(--gray-50);--bg-subtle:var(--gray-100);--card-bg:var(--white);--border-color:var(--gray-200);--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-muted:var(--gray-400);--radius-sm:var(--r-2);--radius-md:var(--r-3);--radius-lg:var(--r-4);--radius-xl:var(--r-6);--radius-full:var(--r-full);--shadow-sm:var(--shadow-2);--shadow-md:var(--shadow-3);--shadow-lg:var(--shadow-4);--shadow-xl:var(--shadow-5);--transition-fast:var(--t-1);--transition-normal:var(--t-2);--transition-slow:var(--t-3);--transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text-1);background:var(--bg);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;color:var(--text-1);letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3.75rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.5rem)}h3{font-size:clamp(1.1rem,2vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--text-2);line-height:1.7;margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:color var(--t-1)}a:hover{color:var(--primary-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-2)}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}#root{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:var(--primary);color:white}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:var(--r-full);cursor:pointer;border:none;transition:all var(--t-2);letter-spacing:.01em;white-space:nowrap}.btn-primary{background:var(--primary);color:white;box-shadow:0 2px 8px var(--blue-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--blue-glow);transform:translateY(-1px);color:white}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:white;color:var(--text-1);border:1.5px solid var(--border);box-shadow:var(--shadow-1)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-2);transform:translateY(-1px)}.section-header{margin-bottom:3rem;text-align:center}.section-label{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .875rem;background:rgba(37,99,235,.07);color:var(--primary);font-size:.72rem;font-weight:700;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;border:1px solid rgba(37,99,235,.12)}.section-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:var(--text-1);letter-spacing:-.03em;margin-bottom:.75rem}.section-subtitle{font-size:1rem;color:var(--text-2);max-width:520px;margin:0 auto;line-height:1.7}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-3)}.admin-fab{position:fixed;bottom:1.75rem;right:1.75rem;width:48px;height:48px;background:var(--dark-800);color:white;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-4);transition:all var(--t-2);z-index:100;opacity:.6}.admin-fab:hover{opacity:1;transform:scale(1.08);box-shadow:var(--shadow-5)}@media (max-width:768px){.admin-fab{bottom:1rem;right:1rem;width:44px;height:44px}}