@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700;800;900&family=Rubik:wght@400;500;600;700&display=swap');
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Rubik',sans-serif;background:var(--bg-deep);color:var(--text-primary);line-height:1.65;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--cyan);text-decoration:none;transition:color .2s}
a:hover{color:var(--cyan-hover)}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,select,textarea{font-family:inherit}
h1,h2,h3,h4{font-family:'Unbounded',cursive;font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.03em}
h1{font-size:clamp(2rem,5vw,3.2rem)}
h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}
h3{font-size:1.15rem}
p{color:var(--text-secondary);line-height:1.7}
.container{max-width:1240px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-family:'Unbounded',cursive;font-size:.82rem;font-weight:600;border-radius:var(--radius-md);transition:all .3s var(--ease);text-decoration:none;letter-spacing:-.01em}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-cyan)}
.btn-primary:hover{background:var(--gradient-hover);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-cyan-lg)}
.btn-ghost{background:transparent;color:var(--cyan);border:1px solid var(--border-cyan)}
.btn-ghost:hover{background:var(--cyan-dim);border-color:var(--cyan)}
.btn-lg{padding:16px 36px;font-size:1rem;border-radius:var(--radius-lg)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--cyan-border)}
.badge-green{background:var(--green-dim);color:var(--green)}
.badge-amber{background:var(--amber-dim);color:var(--amber)}
.badge-red{background:var(--red-dim);color:var(--red)}
.badge-purple{background:var(--purple-dim);color:var(--purple)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes glow{0%,100%{box-shadow:0 0 20px rgba(6,182,212,.15)}50%{box-shadow:0 0 40px rgba(6,182,212,.3)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.locked-blur{filter:blur(6px);pointer-events:none;user-select:none}