:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--border-color:#dee2e6;--accent-primary:#06c;--accent-secondary:#003d7a;--accent-gradient:linear-gradient(135deg,#06c 0%,#003d7a 100%);--success:#10b981;--error:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #0066cc4d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace}@media (prefers-color-scheme:dark){:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1f1f1f;--text-primary:#f5f5f5;--text-secondary:#a1a1a1;--text-tertiary:#737373;--border-color:#2a2a2a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #00000080;--shadow-glow:0 0 30px #06c6}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:light){.glass-card{border:1px solid var(--border-color);background:#fffc}}.glass-card:hover{box-shadow:var(--shadow-xl);border-color:var(--accent-primary);transform:translateY(-2px)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{border-radius:var(--radius-md);background:var(--accent-gradient);padding:2px;position:relative}.gradient-border-inner{background:var(--bg-primary);border-radius:calc(var(--radius-md) - 2px);padding:1rem}.input-modern{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);outline:none;width:100%;padding:1rem 1.25rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-modern:focus{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #0066cc1a}.input-modern::placeholder{color:var(--text-tertiary)}.btn-gradient{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);letter-spacing:.025em;text-transform:uppercase;border:none;padding:1rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-gradient:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#fff0 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-gradient:hover:before{opacity:1}.btn-gradient:hover{box-shadow:var(--shadow-glow),var(--shadow-lg);transform:translateY(-2px)}.btn-gradient:active{transform:translateY(0)}.btn-gradient:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-gradient:disabled:hover{box-shadow:var(--shadow-md);transform:none}.label-modern{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.card-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-modern:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.badge{border-radius:var(--radius-xl);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.badge:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}.badge-gradient{background:var(--accent-gradient);color:#fff;border:none}.divider{background:linear-gradient(90deg,transparent,var(--border-color),transparent);height:1px;margin:2rem 0}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,var(--bg-secondary)0%,var(--bg-tertiary)50%,var(--bg-secondary)100%);background-size:1000px 100%;animation:2s linear infinite shimmer}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0066cc4d}50%{box-shadow:0 0 30px #06c9}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@media (max-width:768px){.card-modern{padding:1.5rem}.btn-gradient{padding:.875rem 1.5rem;font-size:.875rem}.nav-text{display:none}nav a{padding:.75rem!important}main>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:1rem!important;height:auto!important}.card-modern{max-height:500px}}@media (max-width:1200px){main>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}