@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.decrypt-page{color:#3f0;background-color:#030504;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.system-alert{color:#f33;text-align:center;letter-spacing:2px;text-shadow:0 0 10px #ff333380;margin-bottom:40px;font-size:1.5rem}.progress-labels{justify-content:space-between;margin-bottom:10px;font-size:.9rem;display:flex}.progress-bar-bg{background:#3f03;width:100%;height:4px;position:relative;overflow:hidden}.progress-bar-fill{background:#3f0;height:100%;transition:width .2s ease-out;box-shadow:0 0 10px #3f0}.data-stream p{color:#33ff00b3;margin:5px 0;font-size:.85rem}.surprise-page{background-color:#050505;justify-content:center;align-items:center;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow:hidden}@keyframes breathe{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.2)}}.gradient-title{background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1}.subtitle-name{color:#fff;margin-bottom:40px;font-size:clamp(2rem,5vw,3rem);font-weight:500}.message-glass-card{-webkit-backdrop-filter:blur(24px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:40px;padding:40px;box-shadow:0 30px 60px #0006}.main-message{color:#f8fafc;margin-bottom:20px;font-size:1.3rem;font-weight:500;line-height:1.6}.sub-message{color:#94a3b8;font-size:1.1rem;line-height:1.6}.hint-text{color:#71717a;text-transform:uppercase;letter-spacing:2px;font-size:.9rem}.pro-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 0 20px #fff3}.gallery-page{color:#fff;background-color:#050505;min-height:100vh;padding:40px 5%}.gallery-nav{margin-bottom:40px}.back-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;font-size:1.1rem;transition:color .2s;display:flex}.back-btn:hover{color:#fff}.gallery-header{margin-bottom:40px}.gradient-title-small{background:linear-gradient(135deg,#a6c1ee 0%,#fbc2eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:250px;grid-auto-flow:dense;gap:20px;display:grid}.bento-inner{background:#18181b;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}.bento-media{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.bento-inner:hover .bento-media{transform:scale(1.08)}.bento-overlay{opacity:0;background:linear-gradient(#0000 50%,#000c 100%);align-items:flex-end;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.bento-inner:hover .bento-overlay{opacity:1}.bento-tag{color:#3f0;background:#00000080;border:1px solid #3f0;border-radius:4px;padding:5px 10px;font-family:Fira Code,monospace;font-size:.8rem}@media (width>=768px){.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.col-span-full{grid-area:span 2/1/auto/-1}}:root{--bg-primary:#020302;--bg-surface:#050a05d9;--bg-surface-alt:#000f00b3;--neon-green:#3f0;--neon-green-dim:#33ff0026;--neon-green-glow:#3f06;--neon-red:#f33;--neon-red-glow:#ff333380;--neon-yellow:#fbbf24;--neon-pink:#d946ef;--neon-blue:#38bdf8;--font-mono:"Fira Code", monospace;--font-sans:"Plus Jakarta Sans", sans-serif;--transition-smooth:all .3s cubic-bezier(.25, .46, .45, .94);--border-cyber:1px solid #33ff004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100vw;height:100vh;color:var(--neon-green);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#28cc00}::selection{background:var(--neon-green);color:#000}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.text-success{color:var(--neon-green);text-shadow:0 0 10px #3f09}.text-error{color:var(--neon-red);text-shadow:0 0 10px var(--neon-red-glow)}.text-warning{color:var(--neon-yellow);text-shadow:0 0 10px #fbbf2480}.text-pink{color:var(--neon-pink);text-shadow:0 0 10px #d946ef80}.text-blue{color:var(--neon-blue);text-shadow:0 0 10px #38bdf880}.scanlines{z-index:999;pointer-events:none;background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 4px;position:absolute;inset:0}.cyber-grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#33ff000d 1px,#0000 1px),linear-gradient(90deg,#33ff000d 1px,#0000 1px);background-size:50px 50px;animation:25s linear infinite gridScrollMovement;position:absolute;inset:0;overflow:hidden;transform:perspective(600px)rotateX(65deg)translateY(-120px)translateZ(-300px)}@keyframes gridScrollMovement{0%{transform:perspective(600px)rotateX(65deg)translateY(0)translateZ(-300px)}to{transform:perspective(600px)rotateX(65deg)translateY(50px)translateZ(-300px)}}.crash-page{width:100vw;height:100vh;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bg-black{color:var(--neon-green);background-color:#000}.bg-flash-red{color:#fff;background-color:red;animation:80ms infinite strobeRedCrisis}@keyframes strobeRedCrisis{0%,to{background-color:red}50%{background-color:#380000}}.fake-browser{color:#000;width:100%;height:100%;font-family:var(--font-sans);background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;margin-top:25px;animation:.8s cubic-bezier(.6,.2,.4,.8) infinite spinLoaderSmooth}@keyframes spinLoaderSmooth{to{transform:rotate(360deg)}}.glitch-container{text-align:center;z-index:5;position:relative}.system-code{color:var(--neon-red);letter-spacing:3px;margin-top:15px;font-size:1.1rem;font-weight:700}.glitch-text{color:#fff;text-transform:uppercase;font-size:clamp(3rem,10vw,7.5rem);font-weight:800;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-3px 0 var(--neon-red);clip:rect(44px, 450px, 56px, 0);animation:3s linear infinite alternate-reverse glitchAnimPrimary;left:3px}.glitch-text:after{text-shadow:-3px 0 var(--neon-blue);clip:rect(15px, 450px, 80px, 0);animation:2.5s linear infinite alternate-reverse glitchAnimSecondary;left:-3px}@keyframes glitchAnimPrimary{0%{clip:rect(10px, 9999px, 86px, 0)}20%{clip:rect(65px, 9999px, 14px, 0)}40%{clip:rect(3px, 9999px, 99px, 0)}60%{clip:rect(78px, 9999px, 42px, 0)}80%{clip:rect(22px, 9999px, 11px, 0)}to{clip:rect(54px, 9999px, 73px, 0)}}@keyframes glitchAnimSecondary{0%{clip:rect(65px, 9999px, 100px, 0)}20%{clip:rect(12px, 9999px, 54px, 0)}40%{clip:rect(89px, 9999px, 23px, 0)}60%{clip:rect(14px, 9999px, 77px, 0)}80%{clip:rect(90px, 9999px, 3px, 0)}to{clip:rect(33px, 9999px, 45px, 0)}}.fake-popup{color:#000;text-align:left;border-left:6px solid var(--neon-red);font-family:var(--font-sans);background:#fffffff5;border-radius:12px;margin-top:40px;padding:25px 30px;font-weight:500;animation:.4s infinite containerShakeHeavy;box-shadow:0 15px 60px #ff0000b3}.huge-alert{text-transform:uppercase;letter-spacing:2px;font-size:clamp(2.2rem,8vw,5.5rem);font-weight:900}.shake-animation{animation:.15s infinite containerShakeHeavy}@keyframes containerShakeHeavy{0%{transform:translate(2px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}to{transform:translate(1px,-2px)rotate(-1deg)}}.rescue-sequence{text-align:left;z-index:20}.typewriter-text{white-space:nowrap;border-right:3px solid var(--neon-green);width:0;margin:12px 0;font-size:clamp(1rem,3vw,1.4rem);animation:1.2s steps(40,end) forwards typingCompleteTerminal,.75s step-end infinite blinkTerminalCaret;overflow:hidden}@keyframes typingCompleteTerminal{0%{width:0}to{width:100%}}@keyframes blinkTerminalCaret{50%{border-color:#0000}}.terminal-page{flex-direction:column;width:100vw;height:100vh;padding:clamp(25px,5vw,55px);animation:.15s infinite crtScreenFlickerSubtle;display:flex;position:relative}@keyframes crtScreenFlickerSubtle{0%{opacity:.985}50%{opacity:1}to{opacity:.992}}.terminal-window{z-index:20;flex-direction:column;width:100%;max-width:950px;margin:0 auto;display:flex}.terminal-window p{margin:12px 0;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.input-line{align-items:center;margin-top:20px;display:flex}.prompt{color:var(--neon-green);margin-right:15px;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700}.terminal-input{color:#0000;caret-color:#0000;background:0 0;border:none;outline:none;width:1px}.blinking-cursor{color:var(--neon-green);font-size:clamp(1rem,2.5vw,1.25rem);animation:1s step-end infinite cursorBlinkRate}@keyframes cursorBlinkRate{50%{opacity:0}}.decrypt-page{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.decrypt-container{z-index:20;width:90%;max-width:750px}.system-alert{color:var(--neon-red);text-align:center;letter-spacing:3px;text-shadow:0 0 20px var(--neon-red-glow);text-transform:uppercase;margin-bottom:45px;font-size:clamp(1.3rem,3.5vw,2rem)}.progress-section{margin-bottom:40px}.progress-labels{letter-spacing:1.5px;justify-content:space-between;margin-bottom:12px;font-size:1.05rem;font-weight:600;display:flex}.progress-bar-bg{background:var(--neon-green-dim);border:1px solid #33ff004d;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--neon-green);height:100%;box-shadow:0 0 20px var(--neon-green);transition:width .15s ease-out}.data-stream p{color:#33ff00d9;letter-spacing:1.2px;margin:8px 0;font-size:.95rem}.surprise-page{min-height:100vh;font-family:var(--font-sans);background-color:#030305;justify-content:center;align-items:center;padding:60px 20px;display:flex;position:relative;overflow-y:auto}.orb{filter:blur(140px);z-index:1;opacity:.45;border-radius:50%;animation:10s ease-in-out infinite alternate orbBreathingMotion;position:absolute}.orb-1{background:#9333ea;width:55vw;height:55vw;top:-15%;left:-10%}.orb-2{background:#ec4899;width:45vw;height:45vw;animation-delay:-5s;bottom:-15%;right:-10%}@keyframes orbBreathingMotion{0%{opacity:.3;transform:scale(.9)translate(0)}to{opacity:.6;transform:scale(1.1)translate(3%,3%)}}.surprise-content{z-index:10;text-align:center;width:100%;max-width:1050px}.gradient-title{background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 50%,#c2e9fb 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:5px;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1.1}.subtitle-name{color:#fff;text-shadow:0 4px 20px #fff3;margin-bottom:50px;font-size:clamp(1.8rem,4vw,3rem);font-weight:500}.message-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;width:100%;margin-bottom:50px;display:grid}.message-glass-card{-webkit-backdrop-filter:blur(30px);transition:var(--transition-smooth);text-align:left;background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff1a;border-radius:28px;padding:35px 30px;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff26}.message-glass-card:hover{background:linear-gradient(145deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff40;transform:translateY(-8px);box-shadow:0 40px 80px #0009,inset 0 1px #ffffff4d}.card-heading{color:#f8fafc;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:15px;font-size:1.3rem;font-weight:700}.icon-gold{color:var(--neon-yellow);filter:drop-shadow(0 0 15px #fbbf2480);margin-bottom:20px}.icon-purple{color:#c084fc;filter:drop-shadow(0 0 15px #c084fc80);margin-bottom:20px}.icon-pink{color:#f472b6;filter:drop-shadow(0 0 15px #f472b680);margin-bottom:20px}.sub-message{color:#cbd5e1;font-size:1.1rem;font-weight:400;line-height:1.7}.action-container{flex-direction:column;align-items:center;gap:20px;display:flex}.hint-text{color:#a1a1aa;text-transform:uppercase;letter-spacing:3px;font-size:.95rem;font-weight:600}.pro-btn{color:#030504;cursor:pointer;transition:var(--transition-smooth);font-size:1.15rem;font-weight:700;font-family:var(--font-sans);background:#fff;border:none;border-radius:50px;align-items:center;gap:12px;padding:18px 40px;display:flex;box-shadow:0 0 25px #ffffff40}.pro-btn:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 15px 35px #ffffff8c}.gallery-page{color:#fff;min-height:100vh;font-family:var(--font-sans);background-color:#020203;background-image:radial-gradient(circle,#151525 0%,#020203 100%);flex-direction:column;padding:40px 5%;display:flex;overflow:hidden}.gallery-nav{z-index:50;margin-bottom:20px;position:relative}.back-btn{color:#fff;cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:12px;padding:12px 25px;font-size:1.05rem;font-weight:600;display:flex}.back-btn:hover{color:#000;background:#fff;box-shadow:0 0 25px #fff6}.gradient-title-small{background:linear-gradient(135deg,#a6c1ee 0%,#fbc2eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.scene-container{perspective:1400px;flex:1;justify-content:center;align-items:center;margin:50px 0;display:flex}.carousel-3d{width:320px;height:420px;transform-style:preserve-3d;animation:6s ease-in-out infinite alternate floatGalleryCore;position:relative}@keyframes floatGalleryCore{0%{margin-top:0}to{margin-top:-20px}}.carousel-panel{backface-visibility:hidden;width:320px;height:420px;position:absolute;top:0;left:0}.panel-inner{background:#000;border:2px solid #3f06;border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 40px #33ff0026,inset 0 0 25px #33ff0040}.panel-media{object-fit:cover;opacity:.75;width:100%;height:100%;transition:opacity .4s,transform .4s}.panel-inner:hover .panel-media{opacity:1;transform:scale(1.05)}.panel-scanline{pointer-events:none;z-index:5;background:linear-gradient(#3f00 50%,#33ff0026 50%) 0 0/100% 4px;position:absolute;inset:0}.carousel-controls{z-index:50;justify-content:center;gap:40px;padding-bottom:20px;display:flex}.control-btn{border:2px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border-radius:12px;align-items:center;gap:12px;padding:14px 28px;font-size:1.1rem;font-weight:600;display:flex;box-shadow:0 0 20px #33ff0026}.control-btn:hover{background:var(--neon-green);color:#000;transform:scale(1.06);box-shadow:0 0 35px #3f09}.finale-page{color:#fff;min-height:100vh;font-family:var(--font-sans);background-color:#020302;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.contract-container{z-index:20;background:var(--bg-surface);-webkit-backdrop-filter:blur(15px);border:1px solid #3f06;border-radius:24px;width:100%;max-width:780px;padding:clamp(30px,5vw,55px);box-shadow:0 0 60px #33ff001a,inset 0 0 30px #33ff001a}.terms-box{border-bottom:2px dashed #33ff004d;flex-direction:column;gap:30px;margin-bottom:40px;padding-bottom:40px;display:flex}.term-item{align-items:flex-start;gap:20px;display:flex}.term-icon{filter:drop-shadow(0 0 8px);flex-shrink:0;margin-top:4px}.term-item p{color:#e2e8f0;font-size:1.1rem;line-height:1.7}.term-item strong{color:var(--neon-green);font-family:var(--font-mono);letter-spacing:1px;margin-right:8px;font-size:1rem}.hold-action-container{text-align:center}.hold-btn{border:2px solid var(--neon-green);color:var(--neon-green);width:100%;max-width:420px;height:75px;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0009;border-radius:16px;justify-content:center;align-items:center;gap:15px;font-size:1.3rem;font-weight:700;transition:transform .15s cubic-bezier(.2,0,0,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 25px #33ff0026}.hold-btn:active{transform:scale(.96)}.hold-btn-bg{z-index:1;background:linear-gradient(90deg,#3f06,#33ff00bf);height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 20px #ffffff59}.hold-icon,.hold-text{z-index:2;text-shadow:0 0 10px #000000d9;position:relative}.success-message{text-align:center;border:2px solid var(--neon-green);color:#fff;background:#33ff0026;border-radius:16px;padding:40px;box-shadow:0 0 45px #33ff0040}.success-message h2{color:var(--neon-green);text-shadow:0 0 15px #3f09;margin-bottom:15px;font-size:clamp(1.8rem,4vw,2.5rem)}.success-message p{color:#f8fafc;font-size:1.25rem;line-height:1.6}@media (width<=768px){.carousel-3d,.carousel-panel{width:240px;height:340px}.carousel-panel:first-child{transform:rotateY(0)translateZ(300px)!important}.carousel-panel:nth-child(2){transform:rotateY(45deg)translateZ(300px)!important}.carousel-panel:nth-child(3){transform:rotateY(90deg)translateZ(300px)!important}.carousel-panel:nth-child(4){transform:rotateY(135deg)translateZ(300px)!important}.carousel-panel:nth-child(5){transform:rotateY(180deg)translateZ(300px)!important}.carousel-panel:nth-child(6){transform:rotateY(225deg)translateZ(300px)!important}.carousel-panel:nth-child(7){transform:rotateY(270deg)translateZ(300px)!important}.carousel-panel:nth-child(8){transform:rotateY(315deg)translateZ(300px)!important}.carousel-controls{flex-direction:column;align-items:center;gap:15px}.control-btn{justify-content:center;width:100%;max-width:280px}.contract-container{padding:25px 20px}}
