@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&family=IBM+Plex+Mono:wght@400;500&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-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--bg-void:#0a0c0e;--bg-stone:#111418;--bg-deepslate:#0f1117;--mc-grass:#5d8a3c;--mc-dirt:#8b6914;--mc-emerald:#50c878;--mc-bright:#00ff41;--mc-gold:gold;--mc-lapis:#1e4d8c;--mc-redstone:#f33;--text-primary:#e8e8e8;--text-muted:#8a9bb0;--border-light:#9aa4b0;--border-dark:#2c3440;--pixel-shadow:4px 4px 0px #000c;--font-pixel:"Press Start 2P", monospace;--font-terminal:"VT323", monospace;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-mono);overflow-x:hidden}.pixel-grid-bg{background-color:var(--bg-void);background-image:linear-gradient(#5d8a3c0a 1px,#0000 1px),linear-gradient(90deg,#5d8a3c0a 1px,#0000 1px);background-size:32px 32px}.mc-border{border:2px solid var(--border-light);box-shadow:inset -2px -2px 0 var(--border-dark), inset 2px 2px 0 #ffffff1a, 4px 4px 0 #0009;background:linear-gradient(135deg,#1a1f2a 0%,#111418 100%);position:relative}.mc-border-green{border:2px solid var(--mc-emerald);background:linear-gradient(135deg,#0d1a10 0%,#111418 100%);position:relative;box-shadow:inset -2px -2px #00640080,inset 2px 2px #00ff6426,4px 4px #0009,0 0 20px #50c87826}.mc-btn{font-family:var(--font-pixel);letter-spacing:.05em;color:#fff;cursor:pointer;image-rendering:pixelated;text-shadow:2px 2px #00000080;background:linear-gradient(#5d8a3c 0%,#3d6025 100%);border:none;padding:14px 28px;font-size:11px;transition:all 80ms;position:relative;box-shadow:inset -3px -3px #0006,inset 3px 3px #ffffff26,3px 3px #00000080}.mc-btn:hover{background:linear-gradient(#6da848 0%,#4d7530 100%);transform:translateY(-1px);box-shadow:inset -3px -3px #0006,inset 3px 3px #fff3,3px 3px #00000080,0 0 20px #50c8784d}.mc-btn:active{transform:translateY(2px)translate(2px);box-shadow:inset 3px 3px #0006,1px 1px #00000080}.mc-btn-gold{font-family:var(--font-pixel);letter-spacing:.05em;color:#1a0e00;cursor:pointer;image-rendering:pixelated;text-shadow:1px 1px #fff3;background:linear-gradient(gold 0%,#b8860b 100%);border:none;padding:14px 28px;font-size:11px;text-decoration:none;transition:all 80ms;display:inline-block;position:relative;box-shadow:inset -3px -3px #00000059,inset 3px 3px #ffffc840,3px 3px #00000080}.mc-btn-gold:hover{background:linear-gradient(#ffe44d 0%,#daa520 100%);transform:translateY(-1px);box-shadow:inset -3px -3px #00000059,inset 3px 3px #ffffc84d,3px 3px #00000080,0 0 20px #ffd70066}.mc-btn-gold:active{transform:translateY(2px)translate(2px);box-shadow:inset 3px 3px #0006,1px 1px #00000080}.mc-input{border:2px solid var(--border-dark);color:var(--text-primary);font-family:var(--font-mono);background:#0009;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 2px 2px #000c,inset -1px -1px #ffffff0d}.mc-input::placeholder{color:#3a4a5a;font-style:italic}.mc-input:focus{border-color:var(--mc-emerald);box-shadow:inset 2px 2px #000c,inset -1px -1px #ffffff0d,0 0 0 1px #50c8784d,0 0 16px #50c8781a}@keyframes float1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes float2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-28px)rotate(-8deg)}}@keyframes float3{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-14px)rotate(3deg)}66%{transform:translateY(-22px)rotate(-4deg)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch{0%,95%,to{clip-path:none;transform:none}96%{clip-path:inset(20% 0 60%);transform:translate(-4px)}97%{clip-path:inset(70% 0 10%);transform:translate(4px)}98%{clip-path:inset(40% 0);transform:translate(-2px)}}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px #00ff4180,2px 2px #000c}50%{text-shadow:0 0 20px #00ff41cc,0 0 40px #00ff414d,2px 2px #000c}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pixel-emerge{0%{opacity:0;transform:scale(0)rotate(45deg)}60%{transform:scale(1.2)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.float-block-1{animation:6s ease-in-out infinite float1}.float-block-2{animation:8s ease-in-out 1s infinite float2}.float-block-3{animation:7s ease-in-out 2s infinite float3}.float-block-4{animation:9s ease-in-out .5s infinite float1}.float-block-5{animation:5s ease-in-out 3s infinite float2}.glow-text{animation:3s ease-in-out infinite glow-pulse}.glitch-text{animation:8s infinite glitch}.fade-in-up-1{animation:.8s ease-out .1s both fadeInUp}.fade-in-up-2{animation:.8s ease-out .3s both fadeInUp}.fade-in-up-3{animation:.8s ease-out .5s both fadeInUp}.fade-in-up-4{animation:.8s ease-out .7s both fadeInUp}.cursor-blink:after{content:"▋";color:var(--mc-bright);margin-left:2px;animation:1s infinite blink-cursor}.step-card{background:linear-gradient(135deg,#141a1f 0%,#0d1117 100%);border:2px solid #2a3540;transition:all .2s;position:relative;overflow:hidden;box-shadow:inset -2px -2px #00000080,inset 1px 1px #ffffff0a,6px 6px #0006}.step-card:before{content:"";background:linear-gradient(90deg, var(--mc-grass), var(--mc-emerald));opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.step-card:hover{border-color:var(--mc-emerald);transform:translateY(-3px);box-shadow:inset -2px -2px #00000080,inset 1px 1px #ffffff0a,6px 6px #0006,0 0 30px #50c8781a}.step-card:hover:before{opacity:1}.pixel-avatar{width:40px;height:40px;image-rendering:pixelated;border:2px solid var(--border-dark);box-shadow:2px 2px #0009}.scanlines:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:absolute;inset:0}.noise-overlay{position:relative}.noise-overlay:before{content:"";opacity:.4;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' 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.03'/%3E%3C/svg%3E");position:absolute;inset:0}.success-box{border:2px solid var(--mc-emerald);background:linear-gradient(135deg,#0d1a10 0%,#0a1a0d 100%);animation:.5s ease-out both pixel-emerge;box-shadow:0 0 20px #50c87833,inset 0 0 20px #50c8780d}.error-box{border:2px solid var(--mc-redstone);background:linear-gradient(135deg,#1a0d0d 0%,#1a0a0a 100%);animation:.3s ease-out both pixel-emerge;box-shadow:0 0 20px #f333,inset 0 0 20px #ff33330d}.mc-block{image-rendering:pixelated;opacity:.6;width:48px;height:48px}@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-ease{syntax:"*";inherits:false}