:root{--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--color-bg: #0a0a0f;--color-surface: #111118;--color-surface-2: #18181f;--color-border: rgba(255,255,255,.07);--color-border-hover: rgba(255,255,255,.15);--color-text: #f0eff6;--color-text-2: #9896a8;--color-text-3: #5c5a6e;--color-accent: #7c6ef7;--color-accent-hover: #9585ff;--color-accent-dim: rgba(124,110,247,.12);--color-accent-glow: rgba(124,110,247,.3);--color-teal: #2dd4bf;--color-teal-dim: rgba(45,212,191,.12);--color-success: #34d399;--color-warning: #f59e0b;--color-danger: #f87171;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 0 0 .5px rgba(255,255,255,.05);--shadow-elevated: 0 8px 32px rgba(0,0,0,.5), 0 0 0 .5px rgba(255,255,255,.07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}img{display:block;max-width:100%}input,select,textarea{font-family:var(--font-body);background:var(--color-surface-2);border:.5px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;outline:none;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)}select option{background:var(--color-surface)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;border:none;transition:all .2s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-text);border:.5px solid var(--color-border-hover)}.btn-outline:hover{background:var(--color-surface-2);border-color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-2)}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-2)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:500}.badge-purple{background:var(--color-accent-dim);color:var(--color-accent-hover)}.badge-teal{background:var(--color-teal-dim);color:var(--color-teal)}.badge-neutral{background:#ffffff0d;color:var(--color-text-2)}.badge-success{background:#34d3991f;color:var(--color-success)}.badge-warning{background:#f59e0b1f;color:var(--color-warning)}.badge-danger{background:#f871711f;color:var(--color-danger)}.card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-elevated)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;color:var(--color-text-2);font-weight:500}.form-error{font-size:12px;color:var(--color-danger)}.page-wrapper{min-height:100vh}.divider{height:.5px;background:var(--color-border)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}