*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0A0A0F;--surface: #12121A;--surface2: #1A1A26;--accent: #00E5CC;--accent2: #8B5CF6;--text: #F0F0F5;--text-muted: rgba(240, 240, 245, .55);--text-dim: rgba(240, 240, 245, .35);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--glass: rgba(255, 255, 255, .04);--glass-hover: rgba(255, 255, 255, .08);--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .6);--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1)}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em}p{font-family:var(--font-body)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-heavy{background:#12121ad9;border:1px solid var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.gradient-text{background:linear-gradient(135deg,#00e5cc,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,#f97316,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-teal{box-shadow:0 0 24px #00e5cc40,0 0 48px #00e5cc1a}.glow-violet{box-shadow:0 0 24px #8b5cf640,0 0 48px #8b5cf61a}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-spring);white-space:nowrap;position:relative;overflow:hidden;text-decoration:none}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background var(--transition)}.btn:hover:after{background:#ffffff0f}.btn-primary{background:var(--accent);color:#000;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00e5cc66}.btn-secondary{background:var(--glass);border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{background:var(--glass-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--glass);color:var(--text)}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn-danger:hover{background:#ef444440}.btn-sm{padding:8px 16px;font-size:.8rem;border-radius:8px}.btn-lg{padding:16px 32px;font-size:1rem;border-radius:14px}.btn-icon{padding:8px;border-radius:8px;width:36px;height:36px;justify-content:center}.input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font-body);font-size:.9rem;transition:all var(--transition);outline:none}.input::placeholder{color:var(--text-dim)}.input:hover{border-color:var(--border-hover);background:#ffffff12}.input:focus{border-color:var(--accent);background:#00e5cc0a;box-shadow:0 0 0 3px #00e5cc1a}textarea.input{resize:vertical;min-height:80px}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(240,240,245,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.label{display:block;font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.toggle-wrap{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle{position:relative;width:40px;height:22px;background:#ffffff1a;border-radius:999px;border:1px solid var(--border);transition:all var(--transition);cursor:pointer;flex-shrink:0}.toggle.active{background:var(--accent);border-color:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition-spring);box-shadow:0 2px 4px #0000004d}.toggle.active:after{transform:translate(18px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 24px #00e5cc33}50%{box-shadow:0 0 48px #00e5cc73}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mesh-move{0%{transform:translate(0) scale(1)}33%{transform:translate(-3%,4%) scale(1.05)}66%{transform:translate(4%,-3%) scale(.97)}to{transform:translate(0) scale(1)}}.animate-in{animation:stagger-in .5s cubic-bezier(.4,0,.2,1) both}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.mesh-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:mesh-move 20s ease-in-out infinite}.mesh-blob-1{width:600px;height:600px;background:#00e5cc;top:-200px;left:-100px;animation-delay:0s}.mesh-blob-2{width:500px;height:500px;background:#8b5cf6;bottom:-100px;right:-100px;animation-delay:-7s}.mesh-blob-3{width:400px;height:400px;background:#60a5fa;top:40%;left:40%;animation-delay:-14s;opacity:.08}.page{position:relative;z-index:1;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-teal{background:#00e5cc1f;color:#00e5cc;border:1px solid rgba(0,229,204,.2)}.badge-violet{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.badge-orange{background:#f973161f;color:#fb923c;border:1px solid rgba(249,115,22,.2)}.badge-green{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-rose{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.2)}.divider{width:100%;height:1px;background:var(--border);margin:24px 0}@media (max-width: 768px){.section{padding:64px 0}.container{padding:0 16px}.modal{padding:24px;margin:0;border-radius:var(--radius)}}@media (max-width: 480px){.btn-lg{padding:14px 24px}}.chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:500;background:#ffffff12;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}.alert{padding:12px 16px;border-radius:10px;font-size:.875rem;margin-bottom:16px}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.dashboard-layout{display:grid;grid-template-columns:240px 1fr 360px;min-height:100vh}@media (max-width: 1280px){.dashboard-layout{grid-template-columns:220px 1fr}.dashboard-preview{display:none}}@media (max-width: 768px){.dashboard-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.dashboard-sidebar{display:none}.dashboard-sidebar.mobile-open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--surface)}}.section-label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#00e5cc14;border:1px solid rgba(0,229,204,.2);border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}