:root{--color-background:#fff;--color-surface:#f8fafc;--color-surface-secondary:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-primary:#4f46e5;--color-accent:#f59e0b;--color-shadow:#00000014}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-secondary:#334155;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-border:#334155;--color-primary:#6366f1;--color-accent:#fbbf24;--color-shadow:#0000004d}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}:focus{outline:2px solid var(--color-primary);outline-offset:2px}button,a,input,textarea,select{transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-1px)}.card:hover{box-shadow:0 8px 25px var(--color-shadow);transform:translateY(-2px)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}@media (prefers-color-scheme:dark){.glass{background:#1e293b1a;border:1px solid #ffffff1a}}.animated-bg{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;animation:15s infinite gradient}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:3s ease-in-out infinite float}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:2s ease-in-out infinite pulse}.shimmer{background:linear-gradient(90deg,var(--color-surface-secondary)25%,var(--color-border)50%,var(--color-surface-secondary)75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.modern-input{border:2px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);border-radius:8px;padding:12px 16px;font-size:16px;transition:all .2s}.modern-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.grid{gap:1rem;display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}.section-light{background-color:var(--color-surface);color:var(--color-text)}.section-dark{background-color:var(--color-surface-secondary);color:var(--color-text)}.gradient-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.gradient-accent{background:linear-gradient(135deg,#f59e0b,#f97316)}.gradient-cool{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.gradient-warm{background:linear-gradient(135deg,#fef3c7,#fde68a)}@media (prefers-color-scheme:dark){.gradient-cool{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.gradient-warm{background:linear-gradient(135deg,#451a03,#7c2d12)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){*{border-color:#000!important}button{color:#fff!important;background-color:#000!important}}.theme-transition{transition:background-color .3s,color .3s,border-color .3s}.modern-card{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1px 3px var(--color-shadow);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover{box-shadow:0 8px 25px var(--color-shadow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 22px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}