@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;600;700;800;900&family=Barlow:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#000;--bg-2:#060606;--bg-card:#0a0a0a;--border:#06b6d41f;--border-bright:#06b6d466;--cyan:#06b6d4;--cyan-bright:#22d3ee;--cyan-dim:#06b6d499;--green:#00ff94;--amber:#fbbf24;--text:#f0fdf4;--text-dim:#6b7280;--text-mid:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Barlow,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' 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");position:fixed;inset:0}.font-display{font-family:Barlow Condensed,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#06b6d404 2px 4px)}.glow-cyan{box-shadow:0 0 40px #06b6d426,0 0 80px #06b6d40d}.glow-text{text-shadow:0 0 30px #06b6d480}.glow-text-green{text-shadow:0 0 20px #00ff9499}.grid-bg{background-image:linear-gradient(#06b6d40a 1px,#0000 1px),linear-gradient(90deg,#06b6d40a 1px,#0000 1px);background-size:60px 60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}to{opacity:.4;transform:scale(1)}}@keyframes bar-fill{0%{width:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-up{animation:.7s forwards fadeInUp}.animate-fade-up-1{opacity:0;animation:.7s .1s forwards fadeInUp}.animate-fade-up-2{opacity:0;animation:.7s .25s forwards fadeInUp}.animate-fade-up-3{opacity:0;animation:.7s .4s forwards fadeInUp}.animate-fade-up-4{opacity:0;animation:.7s .55s forwards fadeInUp}.animate-fade-up-5{opacity:0;animation:.7s .7s forwards fadeInUp}.animate-slide-left{opacity:0;animation:.8s .3s forwards slideInLeft}.animate-slide-right{opacity:0;animation:.8s .3s forwards slideInRight}.animate-count{opacity:0;animation:.8s .5s forwards countUp}.animate-float{animation:4s ease-in-out infinite float}.bar-animate{width:0%;animation:1.2s .8s forwards bar-fill}.cursor-blink:after{content:"|";color:var(--cyan);animation:1s step-end infinite blink}.btn-primary{background:var(--cyan);color:#000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border:none;align-items:center;gap:10px;padding:16px 40px;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.btn-primary:hover{background:var(--cyan-bright);transform:translateY(-2px);box-shadow:0 8px 30px #06b6d466}.btn-secondary{color:var(--cyan);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border-bright);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:14px 32px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--cyan);background:#06b6d414}.card{background:var(--bg-card);border:1px solid var(--border);transition:border-color .3s}.card:hover{border-color:var(--border-bright)}.score-ring-track{stroke:#06b6d426;fill:none;stroke-width:3px}.score-ring-fill{stroke:var(--cyan);fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:57px;transform-origin:50%;filter:drop-shadow(0 0 8px #06b6d499);transition:stroke-dashoffset 2s;transform:rotate(-90deg)}.perc-bar{background:#06b6d426;height:4px;position:relative;overflow:hidden}.perc-bar-fill{background:linear-gradient(90deg, var(--cyan), var(--green));height:100%;position:absolute;top:0;left:0}.section-divider{background:var(--cyan);width:48px;height:3px;display:block}.level-badge{letter-spacing:.1em;text-transform:uppercase;border:1px solid;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700}@media (max-width:768px){.hide-mobile{display:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}