:root{--bg-app: #0b0e0f;--bg-header: #101415;--bg-surface: #14191b;--bg-card: #181e20;--bg-card-hover: #1f2629;--bg-input: #1a2124;--bg-elevated: #222a2d;--border-subtle: #242c30;--border-light: #323d42;--border-active: #ffe500;--med-yellow: #ffe500;--med-yellow-hover: #ffd000;--med-yellow-dark: #ccb700;--med-yellow-soft: rgba(255, 229, 0, .12);--med-yellow-glow: rgba(255, 229, 0, .28);--med-cyan: #00b8d9;--med-cyan-soft: rgba(0, 184, 217, .12);--med-green: #00e676;--med-green-soft: rgba(0, 230, 118, .12);--med-red: #ff334b;--med-red-soft: rgba(255, 51, 75, .12);--med-orange: #ff9100;--med-orange-soft: rgba(255, 145, 0, .12);--text-main: #ffffff;--text-secondary: #a0adb2;--text-muted: #6b7a80;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow-card: 0 8px 24px rgba(0, 0, 0, .6), 0 0 0 1px var(--border-subtle);--shadow-yellow: 0 4px 18px rgba(255, 229, 0, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-image:radial-gradient(circle at 15% 20%,rgba(255,229,0,.03) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(0,184,217,.02) 0%,transparent 40%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;color:var(--text-main);letter-spacing:-.02em;line-height:1.2}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:none;transition:all .15s ease-in-out}a{color:inherit;text-decoration:none}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.page-wrapper{max-width:1380px;width:100%;margin:0 auto;padding:28px 32px 64px}@media(max-width:768px){.page-wrapper{padding:16px 16px 48px}}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-card);transition:transform .15s ease,border-color .15s ease,background .15s ease}.glass-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-xs);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-yellow{background:var(--med-yellow);color:#000;font-weight:800}.badge-yellow-soft{background:var(--med-yellow-soft);color:var(--med-yellow);border:1px solid rgba(255,229,0,.3)}.badge-cyan{background:var(--med-cyan-soft);color:var(--med-cyan);border:1px solid rgba(0,184,217,.35)}.badge-emerald{background:var(--med-green-soft);color:var(--med-green);border:1px solid rgba(0,230,118,.35)}.badge-danger{background:var(--med-red-soft);color:var(--med-red);border:1px solid rgba(255,51,75,.35)}.badge-dark{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:all .15s ease}.btn-primary{background:var(--med-yellow);color:#000;box-shadow:0 3px 12px var(--med-yellow-glow)}.btn-primary:hover{background:var(--med-yellow-hover);transform:translateY(-1px);box-shadow:0 5px 18px var(--med-yellow-glow)}.btn-cyan{background:var(--med-cyan);color:#000}.btn-cyan:hover{background:#00c9ec;transform:translateY(-1px)}.btn-outline{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-main)}.btn-outline:hover{background:var(--bg-elevated);border-color:var(--border-light);color:#fff}.btn-danger{background:var(--med-red);color:#fff}.btn-danger:hover{background:#ff4d63;transform:translateY(-1px)}.med-highlight{position:relative;display:inline-block;color:var(--med-yellow)}.med-tagline{font-family:var(--font-heading);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0be0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);max-width:620px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--med-yellow)}