:root{--gk-hue-primary: 188;--gk-hue-secondary: 265;--gk-hue-accent: 160;--gk-hue-amber: 38;--gk-bg-base: hsl(222, 47%, 5%);--gk-bg-subtle: hsl(222, 40%, 8%);--gk-bg-surface: hsl(222, 35%, 12%);--gk-glass-bg: rgba(255, 255, 255, .03);--gk-glass-bg-hover: rgba(255, 255, 255, .07);--gk-glass-border: rgba(255, 255, 255, .07);--gk-glass-border-hover: rgba(6, 182, 212, .4);--gk-border-highlight: rgba(255, 255, 255, .1);--gk-accent-primary: hsl(var(--gk-hue-primary), 94%, 52%);--gk-accent-secondary: hsl(var(--gk-hue-secondary), 89%, 70%);--gk-accent-glow: rgba(6, 182, 212, .3);--gk-violet-glow: rgba(139, 92, 246, .3);--gk-emerald: hsl(var(--gk-hue-accent), 84%, 48%);--gk-font-display: "Outfit", -apple-system, sans-serif;--gk-font-body: "Inter", -apple-system, sans-serif;--gk-font-mono: "JetBrains Mono", monospace;--gk-text-primary: hsl(210, 40%, 98%);--gk-text-secondary: hsl(215, 20%, 80%);--gk-text-muted: hsl(215, 16%, 58%);--gk-radius-sm: 8px;--gk-radius-md: 14px;--gk-radius-lg: 20px;--gk-radius-xl: 28px;--gk-radius-full: 9999px;--gk-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--gk-shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--gk-shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--gk-shadow-glow-primary: 0 0 30px rgba(6, 182, 212, .4);--gk-shadow-glow-secondary: 0 0 30px rgba(139, 92, 246, .4);--gk-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--gk-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--gk-transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{color:var(--gk-text-primary);font-family:var(--gk-font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-color:#05080f;background-image:url(/bg.jpg);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(160deg,rgba(6,182,212,.06) 0%,transparent 35%),linear-gradient(200deg,transparent 60%,rgba(139,92,246,.06) 100%),#080c1ab8;pointer-events:none}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--gk-font-display);font-weight:700;letter-spacing:-.02em;color:var(--gk-text-primary)}.gk-card{background:var(--gk-glass-bg);backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.6) brightness(1.05);border:1px solid var(--gk-glass-border);border-radius:var(--gk-radius-md);box-shadow:var(--gk-shadow-md),inset 0 1px #ffffff0f;transition:all var(--gk-transition-normal);position:relative;overflow:hidden}.gk-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none}.gk-card-interactive:hover{background:var(--gk-glass-bg-hover);border-color:#06b6d459;transform:translateY(-4px);box-shadow:0 12px 40px #00000040,0 0 25px #06b6d42e}.gk-gradient-text{background:linear-gradient(135deg,var(--gk-accent-primary) 0%,var(--gk-accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--gk-radius-sm);font-family:var(--gk-font-body);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all var(--gk-transition-normal);text-decoration:none;outline:none}.gk-btn-primary{background:linear-gradient(135deg,hsl(var(--gk-hue-primary),94%,48%),hsl(var(--gk-hue-secondary),89%,60%));color:#fff;box-shadow:var(--gk-shadow-glow-primary)}.gk-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 0 35px #06b6d48c}.gk-btn-primary:active{transform:translateY(0)}.gk-btn-secondary{background:#ffffff0f;color:var(--gk-text-primary);border:1px solid var(--gk-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gk-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff38;transform:translateY(-2px)}.gk-btn-sm{padding:6px 12px;font-size:.85rem;border-radius:var(--gk-radius-sm)}.gk-input{width:100%;background:#080e1e8c;border:1px solid var(--gk-glass-border);color:var(--gk-text-primary);padding:10px 16px;border-radius:var(--gk-radius-sm);font-family:var(--gk-font-body);font-size:.95rem;transition:all var(--gk-transition-fast);outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gk-input:focus{border-color:var(--gk-accent-primary);box-shadow:0 0 0 3px #06b6d433;background:#080e1ebf}.gk-input::placeholder{color:var(--gk-text-muted)}.gk-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--gk-radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.gk-badge-cyan{background:#06b6d41f;color:var(--gk-accent-primary);border:1px solid rgba(6,182,212,.28)}.gk-badge-violet{background:#8b5cf61f;color:var(--gk-accent-secondary);border:1px solid rgba(139,92,246,.28)}.gk-badge-emerald{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.28)}.gk-badge-amber{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.28)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#080e1e4d}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gk-accent-primary)}.gk-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040812bf;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:gkFadeIn .2s ease-out forwards}@keyframes gkFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.gk-lock-ring{animation:gkPulseRing 2.5s ease-in-out infinite}@keyframes gkPulseRing{0%,to{box-shadow:0 0 20px #06b6d44d,0 0 60px #06b6d41a}50%{box-shadow:0 0 35px #06b6d48c,0 0 80px #8b5cf633}}@keyframes gkShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.gk-shake{animation:gkShake .5s ease-in-out}