@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);body,html{background:#000;color:#0f0;font-family:VT323,monospace;margin:0;overflow-x:hidden;padding:0}.container::-webkit-scrollbar,body::-webkit-scrollbar{width:10px}.container::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f0,#0a0);border-radius:10px;box-shadow:0 0 10px #0f0}@keyframes matrixGlow{0%,to{text-shadow:0 0 5px #0f0,0 0 10px #0a5}50%{text-shadow:0 0 15px #0f0,0 0 30px #0a5,0 0 40px #080}}@keyframes matrixPulse{0%,to{filter:brightness(1.15) drop-shadow(0 0 10px rgba(0,255,0,.25))}50%{filter:brightness(1.65) drop-shadow(0 0 18px rgba(87,251,87,.35))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes borderAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes logoGlow{0%{filter:brightness(1.2) drop-shadow(0 0 10px rgba(0,255,0,.3))}to{filter:brightness(1.5) drop-shadow(0 0 20px rgba(0,255,0,.6))}}.landing-container{align-items:center;color:#0f0;display:flex;flex-direction:column;font-family:VT323,monospace;justify-content:flex-start;min-height:100vh;padding-bottom:80px;position:-webkit-sticky;position:sticky;text-align:center;width:100%}.matrix-overlay{animation:scanlines 8s linear infinite;background:linear-gradient(#0000,#00ff0008 2%,#0000 4%,#0000 96%,#00ff0008 98%,#0000),linear-gradient(90deg,#0000,#00ff0005 2%,#0000 4%,#0000 96%,#00ff0005 98%,#0000)}.matrix-header{background:linear-gradient(180deg,#0000009e,#001400e0 50%,#000000eb),radial-gradient(circle at center,#00ff0014 0,#0000 70%);border-bottom:1px solid #00ff004d;box-shadow:0 0 20px #00ff00b3;display:flex;justify-content:center;min-height:100px;padding:15px 40px;top:0;z-index:100}.matrix-header,.matrix-nav{align-items:center;position:relative;width:100%}.matrix-nav{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr auto 1fr;max-width:1600px}.nav-left,.nav-right{align-items:center;display:flex;flex-wrap:wrap;padding:0 10px}.nav-left{gap:150px!important}.nav-left,.nav-right{justify-content:center}.nav-right{gap:100px!important}.nav-logo{align-items:center;animation:logoGlow 3s ease-in-out infinite alternate;display:flex;flex-shrink:0;justify-content:center;padding:0 15px}.nav-btn{background:linear-gradient(180deg,#001900b3,#002800e6),radial-gradient(circle at center,#00ff001a 0,#0000 70%);border:1.5px solid #0f0;border-radius:8px;box-shadow:0 0 15px #00ff004d,inset 0 0 10px #0f03;color:#0f0;cursor:pointer;flex-shrink:0;font-family:VT323,monospace;font-size:1.4rem;overflow:hidden;padding:12px 25px;position:relative;text-shadow:0 0 10px #0f0;transition:all .4s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.nav-btn:before{background:linear-gradient(90deg,#0000,#0f03,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.nav-btn:hover:before{left:100%}.nav-btn:hover{background:linear-gradient(180deg,#00ff004d,#00ff0080);box-shadow:0 0 25px #0f0,0 0 40px #0f5,inset 0 0 15px #ffffff4d;color:#000;text-shadow:0 0 15px #000;transform:translateY(-3px) scale(1.05)}.nav-btn:active{transform:translateY(1px) scale(1)}.matrix-logo{animation:matrixPulse 3s ease-in-out infinite;cursor:pointer;filter:brightness(1.15) contrast(1.2) drop-shadow(0 0 10px rgba(0,255,0,.25)) drop-shadow(0 0 25px rgba(0,255,0,.15));flex-shrink:0;height:180px;opacity:.85;transition:all .4s ease-in-out;-webkit-user-select:none;user-select:none;width:auto}.matrix-logo:hover{filter:brightness(1.4) contrast(1.25) drop-shadow(0 0 15px rgba(0,255,0,.4)) drop-shadow(0 0 35px rgba(0,255,0,.25));opacity:1;transform:scale(1.05)}.matrix-profile-inline{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#001400e6;border:1.5px solid #00ff0080;box-shadow:0 0 15px #00ff004d;gap:10px!important;margin-left:auto;padding:8px 16px}.profile-icon{flex-shrink:0}.profile-text{font-size:1.2rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px #0f0}.logout-btn,.profile-text{color:#0f0;white-space:nowrap}.logout-btn{background:#0000;border:1.5px solid #0f0;border-radius:5px;cursor:pointer;flex-shrink:0;font-family:VT323,monospace;font-size:1.1rem;padding:6px 14px;transition:all .3s ease}.logout-btn:hover{background:#0f0;box-shadow:0 0 15px #0f0;color:#000;transform:scale(1.05)}.matrix-box-row,.matrix-footer,.matrix-info-box,.matrix-reward-box{position:relative;z-index:2}.matrix-info-box{align-items:center;animation:slideUp 1.2s cubic-bezier(.22,.61,.36,1);background:linear-gradient(145deg,#000f00bf,#001e00cc),radial-gradient(circle at 20% 20%,#00ff001a 0,#0000 50%);border:2px solid #00ff0080;border-radius:20px;box-shadow:0 0 30px #0f06,inset 0 0 20px #00ff001a;display:flex;gap:60px;justify-content:center;margin:140px auto 80px;max-width:1000px;overflow:hidden;padding:50px 70px;position:relative}.matrix-info-box:before{animation:borderAnimation 3s linear infinite;background:linear-gradient(45deg,#000,#1a481a,#000,#020202);background-size:400% 400%;border-radius:22px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.info-image{border-radius:15px;filter:drop-shadow(0 0 15px rgba(0,255,0,.4));height:auto;transition:all .5s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none;width:280px}.info-image:hover{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 25px rgba(0,255,0,.6));transform:scale(1.08) rotate(2deg)}.info-text{max-width:500px;text-align:left}.info-text h2{color:#0f0;display:inline-block;font-size:2.8rem;margin:0 0 20px;position:relative;text-shadow:0 0 10px #0f0,0 0 20px #0c0}.info-text h2:after{background:linear-gradient(90deg,#0f0,#0000);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:60%}.info-text p{color:#00ff00e6;font-size:1.4rem;line-height:1.7;margin:25px 0 30px;text-shadow:0 0 8px #00ff004d}.matrix-enter-btn,.matrix-reward-btn,.matrix-sub-btn{background:linear-gradient(180deg,#020,#030);border:2px solid #0f0;border-radius:10px;box-shadow:0 0 15px #00ff004d;color:#0f0;cursor:pointer;display:inline-block;font-family:VT323,monospace;font-size:1.6rem;overflow:hidden;padding:14px 35px;position:relative;text-shadow:0 0 10px #0f0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.matrix-enter-btn:before,.matrix-reward-btn:before,.matrix-sub-btn:before{background:linear-gradient(90deg,#0000,#00ff004d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.matrix-enter-btn:hover:before,.matrix-reward-btn:hover:before,.matrix-sub-btn:hover:before{left:100%}.matrix-enter-btn:hover,.matrix-sub-btn:hover{background:linear-gradient(180deg,#0f0,#0c0);box-shadow:0 0 25px #0f0,0 0 45px #0f5;color:#000;text-shadow:0 0 15px #000;transform:translateY(-3px) scale(1.08)}.matrix-enter-btn:active,.matrix-sub-btn:active{transform:translateY(1px) scale(1.05)}.matrix-box-row{align-items:stretch;flex-wrap:wrap;gap:50px;margin:100px auto;max-width:1400px;padding:0 5%;width:100%}.matrix-box-row,.matrix-sub-box{display:flex;justify-content:space-between}.matrix-sub-box{align-items:center;background:linear-gradient(160deg,#000f00cc,#001e00d9);border:2px solid #00ff0080;border-radius:20px;box-shadow:0 0 30px #00ff004d;flex-basis:calc(50% - 25px);flex-direction:column;flex-grow:1;flex-shrink:1;min-height:450px;overflow:hidden;padding:50px 40px;position:relative;text-align:center;transition:all .5s cubic-bezier(.165,.84,.44,1)}.matrix-sub-box:before{animation:borderAnimation 4s linear infinite;background:linear-gradient(45deg,#000,#1a481a,#000,#0a0);background-size:400% 400%;border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}.matrix-sub-box:hover{box-shadow:0 15px 40px #0f06;transform:translateY(-10px)}.matrix-sub-box>div{align-items:center;display:flex;flex-direction:column;flex-grow:1}.matrix-sub-box h3{color:#0f0;display:inline-block;font-size:2.4rem;margin:0 0 25px;position:relative;text-shadow:0 0 10px #0f0}.matrix-sub-box h3:after{background:linear-gradient(90deg,#0f0,#0000,#0f0);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:70%}.matrix-sub-box img{border-radius:15px;filter:drop-shadow(0 0 15px rgba(0,255,0,.4));height:auto;margin:20px 0;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:220px}.matrix-sub-box img:hover{filter:drop-shadow(0 0 25px rgba(0,255,0,.6));transform:scale(1.1) rotate(3deg)}.matrix-sub-box p{color:#00ff00e6;font-size:1.4rem;line-height:1.7;margin:20px 0;text-shadow:0 0 8px #00ff004d}.matrix-reward-box{align-items:center;animation:slideUp 1.2s cubic-bezier(.22,.61,.36,1);background:linear-gradient(135deg,#0f001ecc,#1e003cd9);border:2px solid #b400ff80;border-radius:25px;box-shadow:0 0 40px #b400ff66;display:flex;gap:70px;justify-content:center;margin:120px auto 80px;max-width:1100px;overflow:hidden;padding:60px 80px;position:relative}.matrix-reward-box:before{animation:borderAnimation 3s linear infinite;background:linear-gradient(45deg,#000,#481b5d,#000,#6a00aa);background-size:400% 400%;border-radius:27px;bottom:-2px;content:"";left:-2px;opacity:.8;position:absolute;right:-2px;top:-2px;z-index:-1}.reward-image{border-radius:18px;filter:drop-shadow(0 0 20px rgba(180,0,255,.5));height:auto;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:300px}.reward-image:hover{filter:drop-shadow(0 0 30px rgba(180,0,255,.7));transform:scale(1.08) rotate(2deg)}.reward-text{max-width:550px;text-align:left}.reward-text h2{color:#b400ff;display:inline-block;font-size:2.8rem;margin:0 0 25px;position:relative;text-shadow:0 0 15px #b400ff}.reward-text h2:after{background:linear-gradient(90deg,#b400ff,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:70%}.reward-text p{color:#b400fff2;font-size:1.5rem;line-height:1.8;margin:0 0 35px;text-shadow:0 0 10px #b400ff66}.matrix-reward-btn{background:linear-gradient(180deg,#204,#306);border:2px solid #00ff37;color:#18ff1c}.matrix-reward-btn:hover{background:linear-gradient(180deg,#b400ff,#8a00cc);box-shadow:0 0 30px #b400ff;color:#fff;text-shadow:0 0 15px #fff}.matrix-footer{animation:fadeIn 1.5s ease-out;background:linear-gradient(180deg,#000c,#000f00cc);border-radius:20px;border-top:1px solid #00ff004d;color:#00ff00b3;margin:120px auto 40px;max-width:1200px;padding:30px 20px;text-shadow:0 0 10px #00ff004d;width:100%}.matrix-footer:before{background:linear-gradient(90deg,#0000,#0f0,#0000);content:"";height:1px;left:10%;position:absolute;right:10%;top:-1px}@media (max-width:1600px){.matrix-nav{gap:25px;max-width:1400px}.nav-left,.nav-right{gap:18px}.nav-btn{font-size:1.35rem;padding:11px 22px}.matrix-logo{height:170px}}@media (max-width:1300px){.matrix-header{padding:15px 30px}.matrix-nav{gap:10px;max-width:1100px}.nav-right{gap:75px;padding:0 5px}.nav-left{gap:105px}.nav-btn{font-size:1.3rem;padding:10px 20px}.matrix-logo{height:150px}.matrix-profile-inline{gap:8px;padding:7px 14px}.profile-text{font-size:1.1rem;max-width:130px}.logout-btn{font-size:1rem;padding:6px 12px}.matrix-info-box{gap:45px;margin:120px auto 70px;padding:45px 55px}.info-image{width:240px}.info-text h2{font-size:2.5rem}.info-text p{font-size:1.35rem}.matrix-sub-box{min-height:420px;padding:45px 35px}.matrix-sub-box h3{font-size:2.2rem}.matrix-sub-box p{font-size:1.35rem}.matrix-sub-box img{width:200px}.matrix-reward-box{gap:55px;margin:110px auto 70px;padding:55px 70px}.reward-image{width:260px}.reward-text h2{font-size:2.5rem}.reward-text p{font-size:1.4rem}}@media (max-width:992px){.matrix-header{min-height:90px;padding:12px 20px}.matrix-nav{gap:15px}.nav-left,.nav-right{gap:12px}.nav-btn{font-size:1.25rem;padding:9px 18px}.matrix-logo{height:130px}.matrix-profile-inline{padding:6px 12px}.profile-text{font-size:1rem;max-width:110px}.logout-btn{font-size:.95rem;padding:5px 10px}.matrix-info-box{gap:35px;margin:100px auto 60px;padding:40px 45px}.info-image{width:220px}.info-text h2{font-size:2.2rem}.info-text p{font-size:1.25rem}.matrix-enter-btn{font-size:1.4rem;padding:12px 28px}.matrix-box-row{gap:35px;margin:90px auto}.matrix-sub-box{min-height:400px;padding:40px 30px}.matrix-sub-box h3{font-size:2rem}.matrix-sub-box p{font-size:1.25rem}.matrix-sub-box img{width:180px}.matrix-sub-btn{font-size:1.4rem;padding:12px 28px}.matrix-reward-box{gap:45px;margin:100px auto 60px;padding:50px 60px}.reward-image{width:240px}.reward-text h2{font-size:2.2rem}.reward-text p{font-size:1.3rem}.matrix-reward-btn{font-size:1.4rem;padding:12px 30px}}.mobile-menu-toggle{background:#001900e6;border:2px solid #0f0;border-radius:8px;box-shadow:0 0 15px #00ff004d;color:#0f0;cursor:pointer;display:none;font-family:VT323,monospace;font-size:1.5rem;left:15px;line-height:1;padding:10px 15px;position:fixed;top:15px;transition:all .3s ease;z-index:101}.mobile-menu-toggle:hover{background:#0f0;box-shadow:0 0 25px #0f0;color:#000}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#000000fa;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:9999}.mobile-menu-content{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;min-height:100vh;padding:80px 20px 40px}.mobile-menu-close{align-items:center;background:#001900e6;border:2px solid #0f0;border-radius:50%;box-shadow:0 0 15px #00ff004d;color:#0f0;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:2rem;height:50px;justify-content:center;line-height:1;position:fixed;right:15px;top:15px;transition:all .3s ease;width:50px;z-index:10000}.mobile-menu-close:hover{background:#0f0;box-shadow:0 0 25px #0f0;color:#000;transform:rotate(90deg)}.mobile-menu-close:active{transform:rotate(90deg) scale(.95)}.mobile-menu-logo{animation:matrixPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,255,0,.7));height:auto;margin-bottom:30px;width:160px}.mobile-menu-overlay .nav-btn{font-size:1.5rem;margin:5px 0;max-width:320px;padding:14px 30px;text-align:center;width:85%}.mobile-menu-profile{align-items:center;background:#001400b3;border:2px solid #00ff0080;border-radius:12px;box-shadow:0 0 20px #00ff004d;display:flex;flex-direction:column;gap:15px;margin-top:30px;max-width:320px;padding:25px;width:85%}.mobile-menu-profile .profile-icon{height:40px;width:40px}.mobile-menu-profile .profile-text{font-size:1.4rem;max-width:100%;text-align:center;word-break:break-word}.mobile-menu-profile .logout-btn{border:2px solid #0f0;font-size:1.3rem;padding:12px 20px;width:100%}@media (max-width:768px){.matrix-header{min-height:80px;padding:12px 15px}.matrix-nav{gap:10px;grid-template-columns:1fr;justify-items:center}.mobile-menu-toggle{display:block}.matrix-profile-inline,.nav-left,.nav-right{display:none!important}.nav-logo{order:1;padding:0}.matrix-logo{height:110px}.matrix-info-box{flex-direction:column;gap:30px;margin:90px auto 50px;max-width:95%;padding:35px 30px;text-align:center}.info-text{max-width:100%;text-align:center}.info-text h2{font-size:2rem;margin:0 0 18px}.info-text h2:after{left:50%;transform:translateX(-50%);width:45%}.info-text p{font-size:1.2rem;margin:20px 0 25px}.info-image{margin:0 auto;width:200px}.matrix-enter-btn{font-size:1.3rem;padding:11px 26px}.matrix-box-row{align-items:center;flex-direction:column;gap:30px;margin:80px auto;padding:0 5%}.matrix-sub-box{flex:1 1 100%;max-width:500px;min-height:auto;padding:35px 25px;width:100%}.matrix-sub-box h3{font-size:1.9rem;margin-bottom:18px}.matrix-sub-box h3:after{width:55%}.matrix-sub-box p{font-size:1.2rem;margin:15px 0}.matrix-sub-box img{margin:15px 0;width:170px}.matrix-sub-btn{font-size:1.3rem;margin-top:10px;padding:11px 26px}.matrix-reward-box{flex-direction:column;gap:35px;margin:90px auto 60px;max-width:95%;padding:45px 35px;text-align:center}.reward-text{max-width:100%;text-align:center}.reward-text h2{font-size:2rem;margin:0 0 18px}.reward-text h2:after{left:50%;transform:translateX(-50%);width:45%}.reward-text p{font-size:1.2rem;margin:20px 0 25px}.reward-image{margin:0 auto 20px;width:200px}.matrix-reward-btn{font-size:1.3rem;padding:11px 28px}.matrix-footer{font-size:1.15rem;margin:90px auto 30px;padding:25px 18px}.auth-modal{flex-direction:column;max-width:450px;width:95%}.auth-left{border-bottom:1px solid #00ff004d;border-right:none;padding:25px}.auth-logo{width:160px}.auth-right{padding:30px 22px}.auth-right h2{font-size:1.85rem}}@media (max-width:600px){.matrix-header{min-height:75px;padding:10px 12px}.matrix-logo{height:95px}.mobile-menu-toggle{font-size:1.4rem;left:12px;padding:8px 12px;top:12px}.mobile-menu-close{font-size:1.8rem;height:45px;width:45px}.mobile-menu-logo{margin-bottom:25px;width:140px}.mobile-menu-overlay .nav-btn{font-size:1.4rem;padding:12px 25px}.mobile-menu-profile{padding:20px}.mobile-menu-profile .profile-text{font-size:1.3rem}.mobile-menu-profile .logout-btn{font-size:1.2rem}.matrix-info-box{gap:25px;margin:80px auto 45px;padding:30px 22px}.info-text h2{font-size:1.8rem}.info-text p{font-size:1.15rem;line-height:1.65}.info-image{width:170px}.matrix-enter-btn{font-size:1.25rem;padding:10px 24px}.matrix-box-row{gap:28px;margin:70px auto}.matrix-sub-box{padding:30px 20px}.matrix-sub-box h3{font-size:1.75rem;margin-bottom:16px}.matrix-sub-box p{font-size:1.15rem}.matrix-sub-box img{width:150px}.matrix-sub-btn{font-size:1.25rem;padding:10px 24px}.matrix-reward-box{gap:30px;margin:80px auto 55px;padding:38px 28px}.reward-text h2{font-size:1.8rem}.reward-text p{font-size:1.15rem;line-height:1.65}.reward-image{width:170px}.matrix-reward-btn{font-size:1.25rem;padding:10px 26px}.matrix-footer{font-size:1.1rem;margin:80px auto 25px;padding:22px 15px}.auth-right h2{font-size:1.75rem}.auth-form input{font-size:1.15rem;padding:11px 13px}.auth-btn{font-size:1.3rem}}@media (max-width:480px){.matrix-header{min-height:70px;padding:8px 10px}.matrix-logo{height:85px}.mobile-menu-toggle{font-size:1.3rem;left:10px;padding:7px 11px;top:10px}.mobile-menu-close{font-size:1.7rem;height:42px;right:12px;top:12px;width:42px}.mobile-menu-logo{margin-bottom:20px;width:130px}.mobile-menu-overlay .nav-btn{font-size:1.3rem;padding:11px 22px;width:90%}.mobile-menu-profile{padding:18px;width:90%}.mobile-menu-profile .profile-icon{height:35px;width:35px}.mobile-menu-profile .profile-text{font-size:1.2rem}.mobile-menu-profile .logout-btn{font-size:1.15rem;padding:10px 18px}.matrix-info-box{gap:22px;margin:70px auto 40px;padding:25px 18px}.info-text h2{font-size:1.65rem}.info-text p{font-size:1.1rem;line-height:1.6}.info-image{width:150px}.matrix-enter-btn{font-size:1.2rem;padding:9px 22px}.matrix-box-row{gap:25px;margin:65px auto}.matrix-sub-box{padding:28px 18px}.matrix-sub-box h3{font-size:1.65rem;margin-bottom:14px}.matrix-sub-box p{font-size:1.1rem}.matrix-sub-box img{width:140px}.matrix-sub-btn{font-size:1.2rem;padding:9px 22px}.matrix-reward-box{gap:28px;margin:75px auto 50px;padding:35px 25px}.reward-text h2{font-size:1.65rem}.reward-text p{font-size:1.1rem;line-height:1.6}.reward-image{width:150px}.matrix-reward-btn{font-size:1.2rem;padding:9px 24px}.matrix-footer{font-size:1.05rem;margin:75px auto 22px;padding:20px 12px}.auth-left{padding:20px}.auth-logo{width:140px}.auth-right{padding:25px 18px}.auth-right h2{font-size:1.65rem;margin-bottom:20px}.auth-form input{font-size:1.1rem;padding:10px 12px}.auth-btn{font-size:1.25rem;padding:11px}.password-requirements li{font-size:.9rem}}@media (max-width:400px){.matrix-logo{height:75px}.matrix-info-box{margin:65px auto 38px;padding:22px 15px}.info-text h2{font-size:1.55rem}.info-text p{font-size:1.05rem}.info-image{width:135px}.matrix-sub-box{padding:25px 15px}.matrix-sub-box h3{font-size:1.55rem}.matrix-sub-box p{font-size:1.05rem}.matrix-sub-box img{width:130px}.matrix-reward-box{margin:70px auto 45px;padding:32px 22px}.reward-text h2{font-size:1.55rem}.reward-text p{font-size:1.05rem}.reward-image{width:135px}.matrix-footer{font-size:1rem;padding:18px 10px}.auth-logo{width:125px}.auth-right h2{font-size:1.55rem}}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#0000 0,#000000e6 100%),linear-gradient(135deg,#001400b3,#002800e6);display:grid;inset:0;place-items:center;position:fixed;z-index:999}.auth-modal{background:linear-gradient(145deg,#000f00e0,#001e00eb);border:2px solid #00ff0073;border-radius:18px;box-shadow:0 0 40px #00ff0059;color:#0f0;display:grid;font-family:VT323,monospace;grid-template-columns:1fr 1.4fr;max-height:92vh;overflow-y:auto;padding:clamp(22px,4vw,42px);position:relative;width:clamp(320px,92vw,900px)}.auth-modal::-webkit-scrollbar{width:8px}.auth-modal::-webkit-scrollbar-thumb{background:#00ff0040;border-radius:4px}.close-btn{background:#1e0000e6;border:2px solid #f44;border-radius:50%;box-shadow:0 0 12px #ff444459;color:#f44;cursor:pointer;font-size:1.6rem;height:42px;position:absolute;right:18px;top:18px;transition:all .25s ease;width:42px}.close-btn:hover{background:#f44;box-shadow:0 0 25px #f44c,0 0 0 6px #ff444426;color:#000}.auth-left{border-right:2px solid #00ff0059;display:grid;padding:26px;place-items:center}.auth-logo{filter:drop-shadow(0 0 18px rgba(0,255,0,.45));width:clamp(140px,22vw,240px)}.auth-right{display:flex;flex-direction:column;padding:clamp(22px,4vw,46px)}.auth-right h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:26px;text-align:center;text-shadow:0 0 18px #0f0}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form input{background:#001400d9;border:2px solid #00ff0073;border-radius:10px;color:#0f0;font-family:inherit;font-size:clamp(1rem,2.5vw,1.3rem);padding:12px 42px 12px 16px}.auth-form input:focus{border-color:#0f8;box-shadow:0 0 22px #00ff0073}.password-wrapper{position:relative}.toggle-password{background:#000;border:2px solid #0f0;border-radius:10px;color:#0f0;cursor:pointer;font-size:1.5rem;opacity:.75;padding:5px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.toggle-password:hover{background:#030;opacity:1}.password-info-box{background:linear-gradient(180deg,#001e00e6,#000f00e6);border:1px solid #00ff0059;border-radius:10px;box-shadow:inset 0 0 12px #00ff001f,0 0 15px #0f03;margin-top:10px;padding:14px}.password-strength{align-items:center;display:flex;gap:10px;margin-bottom:10px}.strength-bar{background:#00ff0026;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease}.password-requirements{font-size:1rem}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:#ff5050d9;margin:4px 0}.password-requirements li.met{color:#00ff00e6}.auth-btn{align-self:center;background:linear-gradient(180deg,#020,#030);border:2px solid #0f0;border-radius:10px;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:clamp(1.2rem,3vw,1.5rem);margin-top:26px;padding:12px 34px;transition:all .3s ease}.auth-btn:hover:not(:disabled){background:linear-gradient(180deg,#0f0,#0c0);box-shadow:0 0 35px #0f0;color:#000;transform:translateY(-2px)}.auth-btn:disabled{opacity:.5}.auth-switch{font-size:1.1rem;margin-top:18px;text-align:center}.auth-switch:hover{cursor:pointer}@media (max-width:900px){.auth-modal{grid-template-columns:1fr}.auth-left{border-bottom:2px solid #00ff0059;border-right:none}}.ai-choice-overlay{animation:fadeIn .4s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:grid;inset:0;place-items:center;position:fixed;z-index:999}.ai-choice-modal{-webkit-overflow-scrolling:touch;animation:fadeIn .6s ease-in-out;background:#000a00f2;border:2px solid #0f06;border-radius:15px;box-shadow:0 0 40px #00ff004d,0 0 80px #00ff0026;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;padding:clamp(26px,4vw,50px) clamp(22px,5vw,60px);position:relative;width:clamp(320px,92vw,850px)}.ai-choice-close{align-items:center;background:#0000;border:1.5px solid #0f0;border-radius:6px;color:#0f0;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:1.7rem;height:42px;justify-content:center;position:absolute;right:16px;text-shadow:0 0 10px #0f0;top:16px;transition:all .25s ease;width:42px}.ai-choice-close:hover{background:#0f0;box-shadow:0 0 20px #0f0,0 0 35px #0f5;color:#000;transform:scale(1.05)}.ai-choice-title{color:#0f0;font-size:clamp(1.9rem,4vw,2.5rem);letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 12px #0f0,0 0 25px #0a0}.ai-choice-subtitle,.ai-choice-title{font-family:VT323,monospace;text-align:center}.ai-choice-subtitle{color:#0f0c;font-size:clamp(1.05rem,2.5vw,1.3rem);margin-bottom:clamp(28px,6vw,50px);text-shadow:0 0 6px #00ff004d}.ai-choice-options{grid-gap:clamp(22px,4vw,35px);display:grid;gap:clamp(22px,4vw,35px);grid-template-columns:repeat(2,minmax(0,1fr))}.ai-choice-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;border:2px solid #0f06;border-radius:12px;box-shadow:0 0 20px #0f03;cursor:pointer;overflow:hidden;padding:clamp(22px,4vw,35px) clamp(18px,3vw,25px);position:relative;text-align:center;transition:all .35s ease}.ai-choice-card:before{background:linear-gradient(90deg,#0000,#00ff0014,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.ai-choice-card:hover:before{transform:translateX(100%)}.ai-choice-card:hover{background:#000000d9;border-color:#0f0;box-shadow:0 0 35px #0f06,0 0 60px #0f03;transform:translateY(-6px)}.ai-choice-icon-wrapper{align-items:center;background:#00ff0008;border:2px solid #0f06;border-radius:10px;box-shadow:0 0 12px #0f03;display:flex;height:clamp(90px,18vw,130px);justify-content:center;margin:0 auto 22px;transition:all .35s ease;width:clamp(90px,18vw,130px)}.ai-choice-card:hover .ai-choice-icon-wrapper{border-color:#0f0;box-shadow:0 0 25px #0f06;transform:scale(1.08)}.ai-choice-icon{filter:drop-shadow(0 0 15px rgba(0,255,0,.4));height:clamp(60px,14vw,90px);object-fit:contain;width:clamp(60px,14vw,90px)}.ai-choice-card h3{color:#0f0;font-family:VT323,monospace;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:14px;text-shadow:0 0 10px #0f0,0 0 20px #0a0}.ai-choice-card p{color:#00ff00d9;font-family:VT323,monospace;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;margin-bottom:22px}.ai-choice-arrow{color:#0f0;display:inline-block;font-family:VT323,monospace;font-size:2.3rem;font-weight:700;text-shadow:0 0 10px #0f0;transition:transform .3s ease}.ai-choice-card:hover .ai-choice-arrow{transform:translateX(12px)}@media (max-width:768px){.ai-choice-options{grid-template-columns:1fr}}@media (max-width:480px){.ai-choice-modal{padding:22px 18px}.ai-choice-close{font-size:1.5rem;height:38px;width:38px}}.matrix-editor-container{background:radial-gradient(circle at center,#001900 0,#000 90%);border:1px solid #0f0;border-radius:8px;box-shadow:0 0 20px #00ff0040,inset 0 0 30px #00ff000d;display:flex;flex:1 1 50%;flex-direction:column;max-height:50%;min-height:0;overflow:hidden;position:relative}.matrix-editor-container:before{animation:matrix-border-rotate 4s linear infinite;background:linear-gradient(45deg,#0f0,#0a0,#0f0);border-radius:8px;content:"";filter:blur(8px);inset:-2px;opacity:.3;position:absolute;z-index:-1}@keyframes matrix-border-rotate{0%{filter:blur(8px) hue-rotate(0deg)}to{filter:blur(8px) hue-rotate(1turn)}}.matrix-editor-header{align-items:center;background:#00ff0014;border-bottom:1px solid #00ff004d;border-top:1px solid #0f03;box-shadow:inset 0 0 20px #00ff0040,0 2px 10px #00ff004d;color:#0f0;display:flex;flex-shrink:0;font-family:VT323,monospace;font-size:24px;font-weight:700;justify-content:space-between;padding:6px 12px;position:relative;text-shadow:0 0 10px #0f0c;white-space:pre-wrap;z-index:10}.codemirror-container{flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.codemirror-container>div{height:100%!important}.codemirror-container .cm-editor{display:flex!important;flex-direction:column!important;height:100%!important}.codemirror-container .cm-scroller{flex:1 1 auto!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-color:#0f0 #000;scrollbar-width:thin}.codemirror-container .cm-scroller::-webkit-scrollbar{height:12px;width:12px}.codemirror-container .cm-scroller::-webkit-scrollbar-track{background:#000;border:1px solid #00ff004d;box-shadow:inset 0 0 10px #00ff001a}.codemirror-container .cm-scroller::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f0,#0a0);border:1px solid #00ff0080;border-radius:6px;box-shadow:0 0 10px #0f09,inset 0 0 5px #00ff004d}.codemirror-container .cm-scroller::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f5,#0c5);box-shadow:0 0 20px #00ff00e6,inset 0 0 8px #00ff0080}.codemirror-container .cm-scroller::-webkit-scrollbar-corner{background:#000}.codemirror-container .cm-gutters{flex-shrink:0!important}.matrix-icon-btn{align-items:center;background:#0000;border:1px solid #0f06;border-radius:6px;color:#0f0;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .3s ease}.matrix-icon-btn:hover{background:#00ff0026;border-color:#0f0;box-shadow:0 0 15px #00ff0080,inset 0 0 10px #0f03;transform:translateY(-2px)}.matrix-icon-btn:active{box-shadow:0 0 20px #00ff00b3,inset 0 0 15px #00ff004d;transform:translateY(0) scale(.95)}.matrix-icon-btn:disabled{border-color:#0f03;cursor:not-allowed;opacity:.3}.matrix-icon-btn:disabled:hover{background:#0000;box-shadow:none;transform:none}.matrix-icon-btn svg{stroke:#0f0;filter:drop-shadow(0 0 8px rgba(0,255,0,.6));transition:all .3s ease}.matrix-icon-btn:hover svg{stroke:#0ff;filter:drop-shadow(0 0 15px rgba(0,255,255,.8));transform:scale(1.1)}.matrix-icon-btn:active svg{transform:scale(.95)}.matrix-icon-btn:disabled svg{stroke:#030;filter:none;opacity:.4}.conversation-badge-mini{animation:matrix-pulse 2s ease-in-out infinite;border-radius:10px;box-shadow:0 0 10px #0f0c;font-family:VT323,monospace;font-size:11px;min-width:18px;padding:2px 5px;right:-4px;text-align:center;top:-4px}@keyframes matrix-pulse{0%,to{box-shadow:0 0 10px #0f0c;transform:scale(1)}50%{box-shadow:0 0 20px #0f0;transform:scale(1.1)}}@keyframes matrix-blink{0%,49%{box-shadow:0 0 8px #0f0;opacity:1}50%,to{box-shadow:none;opacity:0}}.matrix-editor-container:after{animation:matrix-scan 6s linear infinite;background:repeating-linear-gradient(180deg,#00ff0008,#00ff0008 1px,#0000 2px,#0000 4px);content:"";inset:0;opacity:.2;pointer-events:none;position:absolute;z-index:1}@keyframes matrix-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.matrix-icon-btn:not(:disabled) svg{animation:matrixPulseGlow 3s ease-in-out infinite}.codemirror-container .cm-content{text-shadow:none}.cm-selectionMatch{background-color:#0f03!important;outline:1px solid #00ff0080}.cm-matchingBracket{background-color:#0f03!important;color:#0ff!important;outline:1px solid #0f0}.cm-nonmatchingBracket{background-color:#f003!important;color:#f05!important;outline:1px solid red}.modal{align-items:center;animation:fadeIn .25s ease-in;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000eb;bottom:0;display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:10050}.modal-content{animation:matrixPopup .3s ease-out;border:3px solid #0f0;box-shadow:0 0 40px #00ff00b3,0 0 80px #0f06,inset 0 0 60px #00ff000d;display:flex;flex-direction:column;height:90vh;max-width:1800px;min-width:1200px;overflow:hidden;position:relative;width:85vw;z-index:10051}@media (max-width:1400px){.modal-content{min-width:90vw;width:90vw}}.modal-header{background:linear-gradient(180deg,#010,#000);border-bottom:2px solid #0f06;box-shadow:0 2px 20px #0f03;color:#0f0;font-family:VT323,monospace;padding:18px 25px}.modal-header h2{animation:matrixTextGlow 3s ease-in-out infinite;font-size:26px;text-shadow:0 0 15px #0f0,0 0 30px #0f0}.modal-nav{align-items:center;display:flex;gap:10px}.modal-nav button{background:#000;border:2px solid #0f0;border-radius:6px;box-shadow:0 0 10px #00ff004d;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:18px;padding:6px 14px;transition:all .3s ease}.modal-nav button:hover:not(:disabled){background:#0f0;box-shadow:0 0 20px #0f0c;color:#000;transform:translateY(-2px)}.modal-nav button:disabled{cursor:not-allowed;opacity:.3}.response-counter{color:#0f0;font-size:18px;min-width:120px;text-align:center;text-shadow:0 0 8px #0f0}.close{background:none;border:none;color:red;cursor:pointer;font-size:32px;line-height:1;padding:0 10px;text-shadow:0 0 10px red;transition:all .3s ease}.close:hover{text-shadow:0 0 20px red,0 0 30px red;transform:scale(1.3) rotate(90deg)}.modal-body{background:linear-gradient(180deg,#000,#000500);color:#0f0;flex-grow:1;font-family:VT323,monospace;font-size:19px;line-height:1.8;overflow-y:auto;text-align:left}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#000;border-left:1px solid #0f03}.modal-body::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}.modal-body pre{background:#000;border:2px solid #0f0;border-radius:10px;box-shadow:0 0 20px #0f06,inset 0 0 20px #00ff001a;font-family:VT323,monospace;font-size:17px;margin:15px 0;overflow-x:auto;padding:18px;position:relative}.modal-body pre:hover{box-shadow:0 0 30px #0f09,inset 0 0 20px #00ff0026}.copy-btn{background:#000;border:2px solid #0f0;border-radius:8px;box-shadow:0 0 10px #00ff004d;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:16px;padding:6px 12px;position:absolute;right:15px;top:12px;transition:all .3s ease;z-index:10}.copy-btn:hover{background:#0f0;box-shadow:0 0 20px #0f0c;color:#000;transform:translateY(-2px)}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#0f0;font-family:VT323,monospace;font-size:20px;min-height:100vh}.panel-divider{align-items:center;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background-color .2s ease;width:8px;z-index:10}.panel-divider:hover{background-color:#2d0075;width:12px}.divider-line{animation:dividerPulse 3s ease-in-out infinite;background:linear-gradient(180deg,#0000 0,#0f0 10%,#0f0 90%,#0000 0);box-shadow:0 0 10px #00ff0080;height:100%;position:relative;width:2px}.divider-line:before{background:radial-gradient(ellipse at center,#00ff004d 0,#0000 70%);content:"";height:40px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes dividerPulse{0%,to{box-shadow:0 0 10px #00ff0080}50%{box-shadow:0 0 20px #0f0c,0 0 30px #0f06}}.container{display:flex;flex-direction:row;gap:5px;height:100vh;min-height:0;padding:20px;position:relative;z-index:3}.left-panel{border-right:none;flex-shrink:0;overflow-y:auto;padding-right:15px}.left-panel::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-track{background:#000}.left-panel::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.question-panel{background:#0014004d;border-right:2px solid #0f0;box-shadow:inset 0 0 20px #00ff001a;color:#0f0;font-family:VT323,monospace;overflow-y:auto;padding:10px 15px}.ascii-table{background:#000;border-radius:6px;box-shadow:0 0 10px #0f03;font-family:Courier New,Consolas,monospace;font-size:16px;line-height:1.4;overflow-x:auto;padding:15px;white-space:pre}.ascii-table,.code-block{border:1px solid #0f0;color:#0f0;margin:10px 0}.code-block{background:#010;border-left-width:4px;border-radius:6px;box-shadow:0 0 15px #00ff0040;font-size:18px;line-height:1.6;padding:12px 15px;tab-size:4}.code-block:hover{border-left-color:#0fa;box-shadow:0 0 20px #0f06}.code-block::-webkit-scrollbar{height:6px}.code-block::-webkit-scrollbar-track{background:#000}.code-block::-webkit-scrollbar-thumb{background:#0f0;border-radius:3px}.ascii-table::-webkit-scrollbar{height:6px}.ascii-table::-webkit-scrollbar-track{background:#000}.ascii-table::-webkit-scrollbar-thumb{background:#0f0;border-radius:3px}.question-header h1{border-bottom:2px solid #0f0;font-size:28px;margin-bottom:15px;padding-bottom:8px;text-shadow:0 0 15px #0f0}.question-body h2{color:#0f0;font-size:24px;margin-bottom:10px;margin-top:20px;text-shadow:0 0 8px #0f0}.problem-text{color:#0f0;font-size:20px;line-height:1.1;margin-bottom:20px;opacity:.9}.explanation-block{background:#010;border:1px solid #0f0;border-radius:6px;box-shadow:0 0 10px #0f03;margin-bottom:20px;padding:10px 15px}.explanation-block p{color:#0f0;line-height:1.4}.explanation-block strong{color:#0f0;font-size:20px;margin-bottom:10px;margin-top:20px;text-shadow:0 0 8px #0f0}.constraints-section,.examples-section{margin-top:20px}.example-block{background:#000;border:1px solid #0f0;border-radius:8px;box-shadow:0 0 15px #00ff0026;line-height:1.1;margin-bottom:15px;padding:10px 15px;transition:transform .2s ease,box-shadow .2s ease}.example-block:hover{box-shadow:0 0 25px #00ff004d;transform:scale(1.02)}.example-label,.input-label,.output-label{color:#0f0;font-weight:700;text-shadow:0 0 6px #0f0}.explanation-label{font-weight:700;text-shadow:0 0 6px #0f0}.constraints-section ul{list-style:none;padding-left:15px}.constraints-section li{border-left:3px solid #0f0;line-height:1.7;margin-bottom:8px;padding-left:10px;transition:all .2s}.constraints-section li:hover{text-shadow:0 0 10px #0f0}.no-data{color:#080;font-style:italic;opacity:.7}.error-text{color:#f33;text-shadow:0 0 10px red}.funcname-note{animation:pulseGlow 2s infinite;background:#010;border:1px solid #0f0;border-left-width:5px;border-radius:6px;box-shadow:0 0 12px #00ff0040;margin:15px 0 25px;padding:10px 15px}.funcname-note p{color:#0f0;font-size:20px;line-height:1.6;text-shadow:0 0 6px #0f0}.func-highlight{color:#0ff;font-size:22px;font-weight:700;text-shadow:0 0 10px #0ff}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #00ff004d}50%{box-shadow:0 0 25px #0f09}}.right-panel{display:flex;flex:1 1 auto;flex-direction:column;flex-shrink:0;gap:10px;min-height:0;overflow:hidden}.header-actions{gap:8px}.header-actions,.icon-btn{align-items:center;display:flex}.icon-btn{background:#000;border:2px solid #0f0;border-radius:8px;color:#0f0;cursor:pointer;font-family:VT323,monospace;justify-content:center;min-width:45px;padding:4px 14px;transition:all .3s ease}.icon-btn svg{stroke:#0f0;animation:matrixPulseGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 6px #00ff00)}.icon-btn:hover{background:#0f0;box-shadow:0 0 20px #0f0c;color:#000;transform:scale(1.1)}.icon-btn:disabled{cursor:not-allowed;opacity:.4}.conversations-icon-btn{position:relative}.conversation-badge-mini{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:#0f0;border-radius:50%;box-shadow:0 0 8px #0f0c;color:#000;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.cm-cursor{animation:matrixCursorFlicker 1s steps(2,start) infinite,matrixGlowPulse 3s ease-in-out infinite alternate;border-left-color:#0f0!important;box-shadow:0 0 8px #0f0,0 0 16px #0f5}.matrix-console-container{background:#000;border:1px solid #0f0;border-radius:8px;display:flex;flex:1 1 50%;flex-direction:column;max-height:50%;min-height:0;overflow:hidden}.matrix-console-header{align-items:center;animation:matrixHeaderFlicker 3s ease-in-out infinite alternate;background:#000;border-bottom:2px solid #0f03;color:#0f0;display:flex;font-size:20px;gap:8px;padding:10px 15px;text-shadow:0 0 10px #0f0}.matrix-console-icon{stroke:#0f0;animation:matrixPulseGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 6px #00ff00)}#output{background:#000;border-top:1px solid #0f03;box-shadow:inset 0 0 20px #00ff0040;color:#0f0;flex-grow:1;font-family:VT323,monospace;height:100%;min-height:0;overflow-y:auto;padding:15px;white-space:pre-wrap}.input-console{background-color:#0f0}.input-console,.input-failed-console{border-radius:2px;box-shadow:#0f0;color:#0d0d0d;display:inline-block;padding:2px}.input-failed-console{background-color:red}#output::-webkit-scrollbar{width:8px}#output::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px;box-shadow:0 0 10px #0f0}.test-result{background:#010;border:1px solid #0f0;font-size:19px;margin:8px 0;padding:10px}.test-passed{border-left:4px solid #0f0}.test-failed{border-left:4px solid red;color:red}.matrix-ai-btn{align-items:center;background:#000;border:1px solid #0f0;border-radius:6px;color:#0f0;display:inline-flex;font-family:VT323,monospace;font-size:18px;gap:6px;margin-top:8px;padding:6px 12px;text-shadow:0 0 6px #0f0;transition:all .3s ease}.matrix-ai-btn:hover{background:#0f0;box-shadow:0 0 25px #0f0c;color:#000;transform:scale(1.05)}.matrix-modal-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.matrix-modal{animation:matrixPopup .4s ease-out;background:#000;border:2px solid #0f0;border-radius:10px;box-shadow:0 0 30px #00ff0080;padding:20px;text-align:center;width:400px}.matrix-modal-actions{display:flex;gap:12px;justify-content:space-between;margin-top:25px}.matrix-modal-header{align-items:center;color:#0f0;display:flex;font-size:24px;gap:8px;justify-content:center;text-shadow:0 0 10px #0f0}.matrix-modal-body{color:#0f0;font-size:18px;line-height:1.6;margin-top:15px}.matrix-modal-btn{align-items:center;background:#000;border:2px solid #0f0;border-radius:8px;color:#0f0;cursor:pointer;display:inline-flex;flex:1 1;font-family:VT323,monospace;font-size:18px;gap:8px;justify-content:center;padding:10px 14px;text-shadow:0 0 8px #0f0;transition:all .3s ease}.matrix-modal-btn:hover:not(:disabled){background:#0f0;box-shadow:0 0 25px #0f0;color:#000;transform:scale(1.05)}.matrix-modal-btn.secondary-btn{border-color:#0fa;color:#0fa;text-shadow:0 0 8px #0fa}.matrix-modal-btn.secondary-btn:hover{background:#0fa;box-shadow:0 0 25px #0fa;color:#000}.matrix-modal-btn:disabled{cursor:not-allowed;opacity:.5}.matrix-success-icon{stroke:#0f0;animation:matrixPulseGlow 2s infinite;filter:drop-shadow(0 0 10px #00ff00)}@keyframes matrixPulseGlow{0%,to{filter:drop-shadow(0 0 6px #00ff00)}50%{filter:drop-shadow(0 0 20px #00ff88)}}@keyframes badgePulse{0%,to{box-shadow:0 0 8px #0f0;transform:scale(1)}50%{box-shadow:0 0 20px #0f5;transform:scale(1.15)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0f03;border-radius:50%;border-top-color:#0f0;box-shadow:0 0 20px #00ff0080;height:60px;width:60px}.loading-dots{animation:loadingDots 1.5s infinite;display:inline-block;letter-spacing:2px}@keyframes loadingDots{0%,20%{opacity:.2}40%{opacity:1}60%,to{opacity:.2}}@keyframes matrixTextGlow{0%,to{text-shadow:0 0 15px #0f0,0 0 30px #0f0}50%{text-shadow:0 0 25px #0f0,0 0 50px #0f0,0 0 75px #0f0}}.matrix-overlay{background:#000000b3}.workspace-wrapper{min-height:100vh;position:relative;z-index:2}.boxed{background:#0f0;border:1px solid #010;border-radius:4px;box-shadow:0 0 8px #0f06;color:#000;display:inline-block;margin:0 2px;padding:1px 4px}.matrix-loading-overlay{align-items:center;animation:matrixFadeIn .3s ease-in;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.matrix-loading-content{align-items:center;background:#001400e6;border:2px solid #0f0;border-radius:15px;box-shadow:0 0 40px #00ff0080,inset 0 0 40px #00ff001a;display:flex;flex-direction:column;gap:30px;padding:50px 60px}.matrix-loader-icon{stroke:#0f0;animation:matrixSpin 1.5s linear infinite;color:#0f0;filter:drop-shadow(0 0 20px #00ff00)}.matrix-loading-text{color:#0f0;font-family:VT323,monospace;font-size:36px;letter-spacing:3px;margin:0;text-shadow:0 0 15px #0f0,0 0 30px #0f0}.matrix-loading-items{display:flex;flex-direction:column;gap:15px;margin-top:10px}.loading-check-item{align-items:center;color:#0f0;display:flex;font-family:VT323,monospace;font-size:24px;gap:12px}.loading-check-item span:first-child{font-size:28px;min-width:35px;text-align:center}.loading-check-item .checkmark{color:#0f0;text-shadow:0 0 10px #0f0}.loading-check-item .empty-box{color:#00ff004d}@keyframes matrixFadeIn{0%{opacity:0}to{opacity:1}}@keyframes matrixSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.phantom-wallet-container{margin-top:20px;width:100%}.wallet-alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-family:VT323,monospace;font-size:1.1rem;gap:10px;margin-bottom:15px;padding:12px 16px;position:relative}.wallet-error{background:#ff555526;border:2px solid #f55;color:#f55}.wallet-success{background:#00ffaa26;border:2px solid #0fa;color:#0fa}.close-alert{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;margin-left:auto;opacity:.7;padding:0;transition:opacity .2s;width:24px}.close-alert:hover{opacity:1}.phantom-connect-btn{align-items:center;background:#0000;border:2px solid #ab9ff2;border-radius:8px;color:#ab9ff2;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:1.2rem;gap:10px;justify-content:center;padding:12px 24px;text-shadow:0 0 10px #ab9ff2;transition:all .3s ease;width:100%}.phantom-connect-btn:hover:not(:disabled){background:#ab9ff2;box-shadow:0 0 25px #ab9ff2,0 0 45px #ab9ff2;color:#000;transform:scale(1.02)}.phantom-connect-btn:disabled{cursor:not-allowed;opacity:.5}.wallet-connected-container{display:flex;flex-direction:column;gap:20px}.wallet-info{align-items:center;background:#ab9ff21a;border:2px solid #ab9ff24d;border-radius:8px;display:flex;gap:15px;justify-content:space-between;padding:12px 16px}.wallet-address-badge{align-items:center;color:#ab9ff2;display:flex;font-family:VT323,monospace;font-size:1.1rem;gap:8px;text-shadow:0 0 10px #ab9ff2}.wallet-address{font-weight:700;letter-spacing:1px}.explorer-link{align-items:center;color:#ab9ff2;display:flex;opacity:.7;transition:opacity .2s}.explorer-link:hover{opacity:1}.disconnect-btn{background:#0000;border:1px solid #ab9ff280;border-radius:6px;color:#ab9ff2;cursor:pointer;font-family:VT323,monospace;font-size:1rem;padding:6px 14px;transition:all .3s ease}.disconnect-btn:hover{background:#ab9ff233;border-color:#ab9ff2}.withdrawal-section{background:#00140066;border:2px solid #00ff004d;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.withdrawal-info{align-items:center;border-bottom:1px solid #0f03;display:flex;font-family:VT323,monospace;justify-content:space-between;padding-bottom:8px}.withdrawal-label{color:#0f0c;font-size:1.1rem}.withdrawal-amount{color:#0f0;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #0f0}.withdrawal-slider-container{display:flex;flex-direction:column;gap:10px;padding:12px 0}.slider-header{align-items:center;display:flex;font-family:VT323,monospace;justify-content:space-between}.slider-label{color:#0f0c;font-size:1.1rem}.slider-value{animation:valuePulse 2s ease-in-out infinite;color:#0f0;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #0f0}@keyframes valuePulse{0%,to{text-shadow:0 0 10px #0f0;transform:scale(1)}50%{text-shadow:0 0 15px #0f0,0 0 25px #0f0;transform:scale(1.05)}}.withdrawal-slider{-webkit-appearance:none;appearance:none;background:#0f03;border:1px solid #00ff004d;border-radius:4px;cursor:pointer;height:8px;outline:none;transition:all .3s ease;width:100%}.withdrawal-slider:hover{background:#00ff0040;box-shadow:0 0 15px #00ff004d}.withdrawal-slider:disabled{cursor:not-allowed;opacity:.3}.withdrawal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0f0;border:3px solid #001400cc;border-radius:50%;box-shadow:0 0 15px #0f0,0 0 25px #0f0;cursor:pointer;height:24px;-webkit-transition:all .3s ease;transition:all .3s ease;width:24px}.withdrawal-slider::-webkit-slider-thumb:hover{box-shadow:0 0 20px #0f0,0 0 35px #0f0,0 0 45px #0f5;transform:scale(1.2)}.withdrawal-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.withdrawal-slider::-moz-range-thumb{background:#0f0;border:3px solid #001400cc;border-radius:50%;box-shadow:0 0 15px #0f0,0 0 25px #0f0;cursor:pointer;height:24px;-moz-transition:all .3s ease;transition:all .3s ease;width:24px}.withdrawal-slider::-moz-range-thumb:hover{box-shadow:0 0 20px #0f0,0 0 35px #0f0,0 0 45px #0f5;transform:scale(1.2)}.withdrawal-slider::-moz-range-thumb:active{transform:scale(1.1)}.withdrawal-slider::-moz-range-track{background:#0f03;border:1px solid #00ff004d;border-radius:4px;height:8px;width:100%}.withdrawal-slider::-moz-range-progress{background:linear-gradient(90deg,#0f0,#0f5);border-radius:4px;box-shadow:0 0 10px #00ff0080;height:8px}.slider-range{color:#0f09;display:flex;font-family:VT323,monospace;font-size:.95rem;justify-content:space-between;padding:0 4px}.withdraw-btn{background:#0000;border:2px solid #0f0;border-radius:8px;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:1.2rem;padding:10px 24px;text-shadow:0 0 10px #0f0;transition:all .3s ease;width:100%}.withdraw-btn:hover:not(:disabled){background:#0f0;box-shadow:0 0 25px #0f0,0 0 45px #0f5;color:#000;transform:scale(1.02)}.withdraw-btn:disabled{border-color:#00ff004d;color:#00ff0080;cursor:not-allowed;opacity:.5}.spinner{animation:spin 1s linear infinite}.warning-button,.withdrawal-note{color:#fa0c;font-family:VT323,monospace;font-size:.95rem;font-style:italic;margin:0;text-align:center}.warning-button:hover{cursor:pointer;text-decoration:underline}@media (max-width:600px){.wallet-info{align-items:stretch;flex-direction:column}.wallet-address-badge{justify-content:center}.disconnect-btn{width:100%}}.wallet-info{background:#00aaff26;border:2px solid #0af;color:#0af}.wallet-info ol{line-height:1.6;text-align:left}.wallet-info ol li{margin-bottom:4px}.wallet-warning{background:#ffaa0026;border:2px solid #fa0;color:#fa0}.wallet-warning ol{line-height:1.6;text-align:left}.wallet-warning ol li{margin-bottom:4px}.network-badge{align-items:center;border-radius:4px;display:inline-flex;font-family:VT323,monospace;font-size:.9rem;font-weight:700;gap:4px;margin-left:8px;padding:2px 8px}.network-mainnet{animation:networkPulse 2s ease-in-out infinite;background:#f553;border:1px solid #f55;color:#f55}.network-devnet{background:#0f03;border:1px solid #0f0;color:#0f0}.network-testnet{background:#ffd70033;border:1px solid gold;color:gold}.network-unknown{background:#80808033;border:1px solid #888;color:#888}@keyframes networkPulse{0%,to{box-shadow:0 0 5px #ff55554d}50%{box-shadow:0 0 15px #f559}}.tx-link{align-items:center;background:#00ffaa1a;border:1px solid #00ffaa4d;border-radius:6px;color:#0fa;display:inline-flex;font-family:VT323,monospace;font-size:.95rem;gap:6px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.tx-link:hover{background:#0fa3;border-color:#0fa;box-shadow:0 0 15px #00ffaa4d;transform:translateY(-2px)}.wallet-alert.wallet-success{animation:successPulse 2s ease-in-out infinite;background:#00ffaa26;border:2px solid #0fa;color:#0fa}@keyframes successPulse{0%,to{box-shadow:0 0 20px #00ffaa4d}50%{box-shadow:0 0 30px #00ffaa80}}.matrix-profile-inline{align-items:center;background:#00140066;border:1px solid #0f06;border-radius:8px;bottom:8px;box-shadow:0 0 12px #00ff004d;display:flex;gap:12px;padding:4px 14px;position:absolute;right:30px;z-index:10}.profile-icon{color:#0f0;filter:drop-shadow(0 0 6px #00ff00)}.inline-icon{stroke:currentColor;color:inherit;filter:drop-shadow(0 0 6px currentColor)}.info-button-dashboard{align-items:center;background:#00aaff1a;border:2px solid #0af;border-radius:8px;color:#0af;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:1.2rem;gap:10px;justify-content:center;margin-top:15px;padding:12px 20px;text-shadow:0 0 10px #0af;transition:all .3s ease;width:100%}.info-button-dashboard:hover{background:#0af3;box-shadow:0 0 25px #00aaff80;transform:translateY(-2px)}.dashboard-content{padding-top:150px}.dashboard-box{animation:fadeIn 1.2s ease;background:#000000bf;border:2px solid #0f06;border-radius:15px;box-shadow:0 0 25px #00ff004d;color:#0f0;flex:1 1 40%;max-width:500px;min-width:350px;padding:40px;text-align:center}.user-stats-container{animation:statsSlideIn .8s ease;background:#000000d9;border:2px solid #00ff0080;border-radius:20px;box-shadow:0 0 40px #0f06,inset 0 0 30px #00ff000d;margin:150px auto 40px;max-width:1100px;padding:40px;position:relative;width:90%;z-index:2}@keyframes statsSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.user-stats-header{align-items:center;border-bottom:2px solid #00ff004d;display:flex;gap:25px;margin-bottom:35px;padding-bottom:25px}.stats-profile-icon{animation:profilePulse 3s ease-in-out infinite;color:#0f0;filter:drop-shadow(0 0 15px #00ff00)}@keyframes profilePulse{0%,to{filter:drop-shadow(0 0 15px #00ff00)}50%{filter:drop-shadow(0 0 25px #00ff00)}}.user-stats-info{flex:1 1}.stats-username{color:#0f0;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0 0 10px;text-shadow:0 0 20px #0f0,0 0 40px #0f0}.stats-level-badge{align-items:center;animation:badgeGlow 2s ease-in-out infinite;background:#00ff0026;border:2px solid #0f0;border-radius:25px;box-shadow:0 0 15px #00ff004d;color:#0f0;display:inline-flex;font-size:1.3rem;font-weight:700;gap:8px;padding:8px 20px;text-shadow:0 0 10px #0f0}@keyframes badgeGlow{0%,to{box-shadow:0 0 15px #00ff004d}50%{box-shadow:0 0 25px #00ff0080}}.user-stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center;background:#00140099;border:2px solid #00ff004d;border-radius:15px;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.stat-card-extended{align-items:flex-start!important;flex-direction:column;gap:15px!important;grid-column:span 2;padding:30px!important}.stat-card-extended .stat-icon-wrapper{margin-bottom:0;position:static}.stat-card-extended>div:first-child{align-items:center;display:flex;gap:20px;width:100%}.stat-card-extended .stat-content{flex:1 1;margin-bottom:0!important;padding-left:0!important}.stat-card-extended .phantom-wallet-container{margin-top:0;width:100%}.stat-card:before{background:linear-gradient(45deg,#0000,#00ff001a,#0000);border-radius:15px;bottom:-2px;content:"";left:-2px;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease}.stat-card:hover{border-color:#0f0;box-shadow:0 0 25px #0f06;transform:translateY(-5px)}.stat-card:hover:before{opacity:1}.stat-icon-wrapper{align-items:center;background:#00ff001a;border:2px solid #00ff004d;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-icon{color:#0f0;filter:drop-shadow(0 0 10px #00ff00)}.challenge-icon{background:#ffd7001a;border-color:#ffd7004d}.challenge-icon .stat-icon{color:gold;filter:drop-shadow(0 0 10px #ffd700)}.tokens-icon{background:#00ffaa1a;border-color:#00ffaa4d}.progress-icon{background:#00aaff1a;border-color:#00aaff4d}.progress-icon .stat-icon{color:#0af;filter:drop-shadow(0 0 10px #00aaff)}.stat-content{flex:1 1}.stat-value{color:#0f0;font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:5px;text-shadow:0 0 15px #0f0}.challenge-icon~.stat-content .stat-value{color:gold;text-shadow:0 0 15px gold}.tokens-icon~.stat-content .stat-value{color:#0fa;text-shadow:0 0 15px #0fa}.progress-icon~.stat-content .stat-value{color:#0af;text-shadow:0 0 15px #0af}.stat-label{color:#00ff00e6;font-size:1.1rem;font-weight:700;margin-bottom:3px}.stat-sublabel{color:#0f09;font-size:.9rem;font-style:italic}.dashboard-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;padding-top:50px;position:relative;width:100%;z-index:2}.dashboard-box h2{font-size:2rem;margin-bottom:20px;text-shadow:0 0 12px #0f0}.progress-bar{background:#00ff0026;border:2px solid #0f0;border-radius:8px;box-shadow:0 0 10px #00ff004d;height:25px;margin-top:20px;overflow:hidden;width:100%}.progress-fill{box-shadow:0 0 20px #0f0;height:100%;transition:width .5s ease}.progress-percent{font-size:1.3rem;margin-top:15px;text-shadow:0 0 8px #0f0}.completed-badge{animation:completedPulse 2s ease-in-out infinite;background:#00ffaa26;border:2px solid #0fa;border-radius:10px;box-shadow:0 0 25px #00ffaa4d;margin-top:25px;padding:20px}.completed-checkmark{animation:checkmarkBounce 1s ease-in-out;color:#0fa;display:block;filter:drop-shadow(0 0 15px #00ffaa);margin:0 auto 15px}.completed-text{color:#0fa;font-size:1.5rem;font-weight:700;margin-bottom:15px;text-shadow:0 0 15px #0fa}.back-to-current-btn{background:#0000;border:2px solid #0fa;border-radius:8px;color:#0fa;cursor:pointer;font-family:VT323,monospace;font-size:1.2rem;margin-top:10px;padding:10px 25px;text-shadow:0 0 10px #0fa;transition:all .3s ease}.back-to-current-btn:hover{background:#0fa;box-shadow:0 0 25px #0fa,0 0 45px #0fc;color:#000;transform:scale(1.05)}@keyframes completedPulse{0%,to{box-shadow:0 0 20px #00ffaa4d}50%{box-shadow:0 0 40px #0fa9}}@keyframes checkmarkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.view-btn{background:#0000;border:2px solid #0f0;border-radius:8px;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:1.1rem;padding:10px 30px;text-shadow:0 0 10px #0f0;transition:all .3s ease}.view-btn:hover{box-shadow:0 0 25px #0fa,0 0 45px #0fc;transform:scale(1.08)}.continue-btn,.promote-btn{align-items:center;background:#0000;border:2px solid #0f0;border-radius:8px;color:#0f0;cursor:pointer;display:inline-flex;font-family:VT323,monospace;font-size:1.3rem;gap:8px;justify-content:center;margin-top:25px;padding:10px 30px;text-shadow:0 0 10px #0f0;transition:all .3s ease}.continue-btn:hover{background:#0f0;box-shadow:0 0 25px #0f0,0 0 45px #0f5;color:#000;transform:scale(1.05)}.promote-btn{border-color:#0fa;box-shadow:0 0 20px #0fa6;color:#0fa;text-shadow:0 0 12px #0fa}.promote-btn:hover{background:#0fa;box-shadow:0 0 25px #0fa,0 0 45px #0fc;color:#000;transform:scale(1.08)}.module-box{text-align:left}.module{background:#00140099;border:2px solid #00ff004d;border-radius:10px;margin-top:20px;padding:20px;position:relative;transition:all .3s ease}.module h3{font-size:1.6rem;margin-bottom:10px;text-shadow:0 0 10px #0f0}.module p{color:#00ff00d9;font-size:1.1rem}.module.active{background:#003200b3;border-color:#0f0;box-shadow:0 0 20px #0f0;transform:scale(1.03)}.module.completed{background:#003c1499;border-color:#0fa;box-shadow:0 0 15px #0fa}.module.locked{border-color:#0f03;cursor:not-allowed;filter:grayscale(.6);opacity:.5}.module:hover:not(.locked){box-shadow:0 0 25px #0f5;transform:translateY(-3px)}.question-section{background:#000000d9;border:2px solid #0f06;border-radius:15px;box-shadow:0 0 30px #0f06;color:#0f0;margin:80px auto 60px;max-width:1100px;padding:40px 50px;position:relative;text-align:center;width:85%;z-index:2}.question-level-title{background:#000;border:2px solid #00ff0080;border-radius:8px;box-shadow:0 0 15px #0f06;color:#0f0;font-size:1.4rem;left:40px;padding:6px 14px;position:absolute;text-shadow:0 0 10px #0f0;top:-25px}.question-section h2{font-size:2rem;margin-bottom:25px;text-shadow:0 0 15px #0f0}.question-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding-right:10px;scrollbar-color:#0f0 #000;scrollbar-width:thin}.question-list::-webkit-scrollbar{width:8px}.question-list::-webkit-scrollbar-thumb{background:#0f0;border-radius:10px}.question-list::-webkit-scrollbar-track{background:#00ff001a}.question-item{align-items:center;background:#003200cc;border:2px solid #0f06;border-radius:8px;box-shadow:0 0 15px #00ff0040;display:flex;justify-content:space-between;padding:16px 24px;transition:all .3s ease}.question-item:hover{background:#00ff001a;box-shadow:0 0 20px #00ff0080;transform:translateY(-2px)}.question-title{color:#0f8;font-size:1.4rem;font-weight:700;text-align:left;text-shadow:0 0 12px #0f8}.question-status{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;gap:6px;text-shadow:0 0 10px #0f0}.question-status.completed{color:#0f6;text-shadow:0 0 10px #0f6,0 0 20px #0c4}.question-status.not-completed{color:#f55;text-shadow:0 0 10px #f55,0 0 20px #a00}.question-status .x-mark{font-size:1.4rem;font-weight:700}.solve-btn,.view-btn{align-items:center;background:#0000;border:2px solid #0f0;border-radius:6px;color:#0f0;cursor:pointer;display:inline-flex;font-family:VT323,monospace;font-size:1.1rem;gap:6px;padding:6px 16px;text-shadow:0 0 10px #0f0;transition:all .3s ease}.solve-btn:hover,.view-btn:hover{background:#0f0;box-shadow:0 0 25px #0f0,0 0 40px #0f5;color:#000;transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:10000}.modal-content{-webkit-overflow-scrolling:touch;animation:slideUp .3s ease;background:#000;border:2px solid #0f0;border-radius:12px;font-family:VT323,monospace;max-height:80vh;max-width:600px;overflow-y:auto;overscroll-behavior:contain;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff001a;border-bottom:2px solid #0f0;display:flex;justify-content:space-between;padding:20px 25px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#0f0;font-family:VT323,monospace;font-size:28px;font-weight:700;margin:0;text-shadow:0 0 10px #0f0c}.modal-close-btn{align-items:center;background:#0000;border:1px solid #0f0;border-radius:6px;color:#0f0;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .3s ease}.modal-close-btn:hover{background:#0f03;box-shadow:0 0 15px #00ff0080;transform:scale(1.1)}.modal-close-btn svg{stroke:#0f0}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:25px}.info-section{background:#00ff0008;border:1px solid #0f03;border-radius:8px;margin-bottom:25px;padding:15px}.info-section h3{color:#0ff;font-family:VT323,monospace;font-size:24px;font-weight:700;text-shadow:0 0 8px #0ff9}.info-section p{color:#cf3}.info-section ol,.info-section ul{color:#cf3;margin:10px 0;padding-left:25px}.info-section li{line-height:1.6;margin:8px 0}.info-section strong{color:#ff0;font-weight:700}.info-section a{color:#0ff;font-weight:700;text-decoration:none;transition:all .3s ease}.info-section a:hover{color:#0f0;text-decoration:underline;text-shadow:0 0 10px #0f0c}.warning-box{background:#ffb00014;border:2px solid #ffb000;box-shadow:0 0 20px #ffb00033,inset 0 0 15px #ffb0000d}.warning-box h3{color:#ffb000;text-shadow:0 0 10px #ffb000cc}.warning-box p{color:#fc0}.modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff000d;border-top:2px solid #0f0;bottom:0;display:flex;justify-content:center;padding:20px 25px;position:-webkit-sticky;position:sticky}.modal-ok-btn{background:#00ff001a;border:2px solid #0f0;border-radius:8px;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:20px;font-weight:700;padding:12px 40px;text-shadow:0 0 8px #0f09;transition:all .3s ease}.modal-ok-btn:hover{background:#0f03;box-shadow:0 0 25px #0f09,inset 0 0 15px #0f03;transform:translateY(-2px)}.modal-ok-btn:active{box-shadow:0 0 30px #0f0c,inset 0 0 20px #00ff004d;transform:translateY(0)}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#000;border:1px solid #0f03}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f0,#0a0);border:1px solid #00ff0080;border-radius:5px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f5,#0c5)}@media (max-width:900px){.dashboard-content{align-items:center;flex-direction:column}.user-stats-grid{grid-template-columns:1fr}.stat-card-extended{grid-column:span 1}.question-section{padding:30px 25px;width:90%}.question-item{align-items:flex-start;flex-direction:column;gap:8px}.question-status{align-self:flex-end}.question-level-title{font-size:1.2rem;left:20px;top:-18px}.completed-badge{padding:15px}.completed-checkmark{height:40px;width:40px}.completed-text{font-size:1.2rem}}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.modal-header{padding:15px 20px}.modal-header h2{font-size:24px}.modal-body{font-size:16px;padding:20px}.info-section h3{font-size:20px}.modal-ok-btn{font-size:18px;padding:10px 30px}.info-button-dashboard{font-size:1.1rem;padding:10px 16px}}.challenge-page-wrapper{color:#0f0;font-family:VT323,monospace;min-height:100vh;overflow-x:hidden;position:relative}.matrix-canvas,.matrix-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.matrix-overlay{background:#0009}.challenge-container{margin:180px auto 100px;max-width:900px;padding:20px;position:relative;text-align:center;z-index:2}.challenge-title{font-size:3rem;margin-bottom:40px;text-shadow:0 0 15px #0f0}.challenge-list{display:flex;flex-direction:column;gap:20px}.challenge-card{background:#000000d9;border:2px solid #0f0;border-radius:12px;box-shadow:0 0 20px #0f0;padding:20px;text-align:left;transition:all .3s ease}.challenge-card:hover{box-shadow:0 0 35px #0f0;transform:scale(1.03)}.challenge-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.serial{color:#0fa;font-size:1.5rem;text-shadow:0 0 10px #0fa}.question-title{color:#0f0;flex:1 1;font-size:1.6rem;margin:0}.completed-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px #00ff00);margin-left:auto}.challenge-type{align-items:center;color:#0fa;display:flex;font-size:1.2rem;gap:6px;margin-top:8px}.challenge-actions{align-items:center;border-top:2px solid #00ff004d;display:flex;gap:15px;justify-content:space-between;margin-top:15px;padding-top:15px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-family:VT323,monospace;font-size:1.2rem;font-weight:500;gap:8px;padding:8px 16px;text-shadow:0 0 8px currentColor}.status-badge.completed{background:#00ff0026;border:2px solid #0f0;box-shadow:0 0 15px #0f06;color:#0f0}.status-badge.not-completed{background:#ff444426;border:2px solid #f44;box-shadow:0 0 15px #ff44444d;color:#f44}.status-badge .x-mark{font-size:1.3rem;font-weight:700}.action-btn{align-items:center;background:#0000;border:2px solid #0f0;border-radius:8px;color:#0f0;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:VT323,monospace;font-size:1.2rem;font-weight:500;gap:8px;padding:10px 20px;text-shadow:0 0 8px #0f0;transition:all .3s ease}.action-btn:hover{transform:translateX(3px) scale(1.05)}.action-btn:active{transform:translateX(1px) scale(.98)}.solve-btn{border-color:#0f0;color:#0f0}.solve-btn:hover{background:#0f0;box-shadow:0 0 25px #0f09;color:#000}.view-btn{border-color:#0fa;color:#0fa;text-shadow:0 0 8px #0fa}.view-btn:hover{background:#0fa;box-shadow:0 0 25px #0fa9;color:#000}.matrix-text{color:#0f0;font-size:1.5rem}.error-text{color:red;font-size:1.2rem}.matrix-footer{color:#0f0;font-size:1.2rem;padding:40px 0;text-align:center;text-shadow:0 0 8px #0f0}.filter-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:40px}.filter-btn{background:#0000;border:2px solid #0f0;border-radius:8px;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:1.3rem;padding:10px 30px;text-shadow:0 0 8px #0f0;transition:all .3s ease}.filter-btn:hover{background:#0f0;box-shadow:0 0 25px #0f0;color:#000;transform:scale(1.05)}.filter-btn.active{background:#0f0;box-shadow:0 0 25px #0f0,0 0 45px #0f5;color:#000;transform:scale(1.08)}.clickable{cursor:pointer;transition:color .3s,text-shadow .3s}.clickable:hover{color:#0fa;text-shadow:0 0 15px #0fa,0 0 25px #0fc}.diff-icon{filter:drop-shadow(0 0 4px currentColor);margin-right:6px;vertical-align:middle}@media (max-width:768px){.challenge-actions{align-items:stretch;flex-direction:column}.action-btn,.status-badge{justify-content:center;width:100%}.challenge-header{flex-wrap:wrap}.completed-icon{margin-left:0}}.spinning-icon{animation:spin 1s linear infinite;display:inline-block}.challenge-title svg{filter:drop-shadow(0 0 8px rgba(0,255,0,.5))}.inline-icon{display:inline-block;margin:0 4px;vertical-align:middle}.chat-container{background:#000;color:#0f0;display:flex;flex-direction:column;font-family:VT323,monospace;height:100vh;overflow:hidden;position:relative;width:100vw}.matrix-canvas{opacity:.7}.chat-header{background:#000000eb;border-bottom:2px solid #0f06;box-shadow:0 0 20px #00ff004d;display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.chat-title{color:#0f0;flex:1 1 auto;font-size:2.5rem;letter-spacing:2px;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 0 15px #0f0,0 0 30px #0a0;white-space:nowrap}.back-btn,.clear-btn{align-items:center;background:#0000;border:2px solid #0f0;border-radius:8px;box-shadow:0 0 10px #0f03;color:#0f0;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:1.3rem;justify-content:center;padding:10px 20px;text-shadow:0 0 10px #0f0;transition:all .3s ease;white-space:nowrap}.back-btn:hover,.clear-btn:hover{background:#0f0;box-shadow:0 0 20px #0f0,0 0 35px #0f5;color:#000;transform:scale(1.05)}.back-btn:active,.clear-btn:active{transform:scale(.98)}.chat-messages{-webkit-overflow-scrolling:touch;background:#0000004d;display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:auto;padding:25px 40px;position:relative;z-index:2}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track{background:#00000080;border-left:1px solid #0f03}.chat-messages::-webkit-scrollbar-thumb{background:#0f06;border:2px solid #00000080;border-radius:5px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#0f09}.message{align-items:flex-start;animation:messageSlide .4s ease-out;display:flex;gap:12px;width:100%}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:#00ff001a;border:2px solid #0f06;border-radius:50%;box-shadow:0 0 15px #00ff004d;display:flex;flex-shrink:0;font-size:2rem;height:45px;justify-content:center;max-width:45px;min-width:45px}.message-content{word-wrap:break-word;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#001400b3;border:1.5px solid #00ff004d;border-radius:12px;box-shadow:0 0 20px #0f03;max-width:70%;min-width:0;overflow-wrap:break-word;padding:15px 18px}.message.user .message-content{background:#003200b3;border-color:#00ff0080}.message-text{word-wrap:break-word;color:#0f0;font-family:VT323,monospace;font-size:1.3rem;line-height:1.6;margin:0;text-shadow:0 0 5px #00ff0080;white-space:pre-wrap}.mixed-content{display:flex;flex-direction:column;gap:12px}.typing-indicator{display:flex;gap:8px;padding:10px 0}.typing-indicator span{animation:typing 1.4s infinite;background:#0f0;border-radius:50%;box-shadow:0 0 10px #0f0;height:10px;width:10px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.history-badge{align-items:center;animation:fadeInOut 3s ease-in-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#003200e6;border:1.5px solid #00ff0080;border-radius:20px;box-shadow:0 0 15px #00ff004d;color:#0f0;display:flex;font-size:1.1rem;padding:10px 18px;position:fixed;right:20px;top:90px;z-index:15}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.code-container{background:linear-gradient(180deg,#000000b3,#000a00b3);border:1px solid #00ff004d;border-radius:8px;box-shadow:0 0 15px #00ff0026;margin-bottom:12px;margin-top:12px;overflow:hidden;padding-top:48px;position:relative}.code-toolbar{background:#001400cc;border-bottom:1px solid #0f03;display:flex;height:40px;justify-content:space-between;left:0;padding:8px 12px;position:absolute;right:0;top:0;z-index:5}.code-lang{color:#00ff00e6;flex-shrink:0;letter-spacing:1px;text-transform:lowercase}.code-lang,.copy-btn1{font-family:VT323,monospace;font-size:1rem}.copy-btn1{align-items:center;background:#00ff001a;border:1px solid #00ff004d;border-radius:6px;color:#0f0;cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#0f03;border-color:#00ff0080;box-shadow:0 4px 12px #0f03;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.code-block{background:#0009;color:#b7ffb7;font-family:VT323,monospace;font-size:1.1rem;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:14px 16px;white-space:pre}.code-block::-webkit-scrollbar{height:8px;width:8px}.code-block::-webkit-scrollbar-track{background:#00000080}.code-block::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:#00ff0080}.code-block code{font-family:inherit;font-size:inherit}.chat-input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000eb;border-top:2px solid #0f06;box-shadow:0 0 20px #00ff004d;display:flex;gap:15px;padding:20px 40px;position:relative;z-index:10}.chat-input{background:#001400b3;border:2px solid #0f06;border-radius:10px;box-shadow:inset 0 0 15px #00ff001a;color:#0f0;flex:1 1;font-family:VT323,monospace;font-size:1.3rem;max-height:150px;min-height:60px;outline:none;padding:15px 18px;resize:none;transition:all .3s ease}.chat-input::placeholder{color:#00ff0080}.chat-input:focus{border-color:#00ff00b3;box-shadow:0 0 20px #00ff004d}.chat-input:disabled{cursor:not-allowed;opacity:.5}.chat-input::-webkit-scrollbar{width:8px}.chat-input::-webkit-scrollbar-track{background:#00000080}.chat-input::-webkit-scrollbar-thumb{background:#0f06;border-radius:4px}.send-btn{align-items:center;background:#0000;border:2px solid #0f0;border-radius:10px;box-shadow:0 0 15px #0f03;color:#0f0;cursor:pointer;display:flex;flex-shrink:0;font-family:VT323,monospace;font-size:1.4rem;justify-content:center;min-height:60px;padding:15px 30px;text-shadow:0 0 10px #0f0;transition:all .3s ease;white-space:nowrap}.send-btn:hover:not(:disabled){background:#0f0;box-shadow:0 0 25px #0f0,0 0 40px #0f5;color:#000;transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.98)}.send-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.animate-spin{animation:spin 1s linear infinite}@media (min-width:768px) and (max-width:992px){.chat-header{padding:18px 30px}.chat-title{font-size:2.2rem}.back-btn,.clear-btn{font-size:1.3rem;padding:9px 18px}.chat-messages{padding:22px 30px}.message-content{max-width:75%}.chat-input-area{padding:18px 30px}}@media (min-width:600px) and (max-width:767px){.chat-header{padding:15px 20px}.chat-title{flex:1 1 100%;font-size:1.9rem;order:2;text-align:center}.back-btn{order:1}.back-btn,.clear-btn{font-size:1.15rem;padding:8px 16px}.clear-btn{order:3}.history-badge{font-size:1rem;left:15px;padding:8px 14px;right:15px;text-align:center;top:75px}.chat-messages{gap:18px;padding:18px 20px}.message{gap:10px}.message-avatar{font-size:1.8rem;height:40px;max-width:40px;min-width:40px}.message-content{max-width:80%;padding:14px 16px}.message-text{font-size:1.2rem;line-height:1.55}.code-container{padding-top:44px}.code-toolbar{height:38px;padding:6px 10px}.code-lang,.copy-btn{font-size:.95rem}.copy-btn{gap:4px;padding:5px 10px}.code-block{font-size:1.05rem;padding:12px 14px}.chat-input-area{gap:12px;padding:15px 20px}.chat-input{font-size:1.2rem;min-height:55px;padding:14px 16px}.send-btn{font-size:1.3rem;min-height:55px;padding:14px 24px}}@media (max-width:600px){.chat-header{min-height:65px;padding:12px 15px}.chat-title{font-size:1.7rem;letter-spacing:1px}.back-btn,.clear-btn{font-size:1.1rem;padding:7px 14px}.history-badge{font-size:.95rem;padding:7px 12px}.chat-messages{gap:16px;padding:15px}.message-avatar{font-size:1.6rem;height:36px;max-width:36px;min-width:36px}.message-content{max-width:85%;padding:12px 14px}.message-text{font-size:1.15rem}.code-container{padding-top:42px}.code-toolbar{height:36px}.code-lang,.copy-btn{font-size:.9rem}.copy-btn{padding:4px 8px}.code-block{font-size:1rem;padding:10px 12px}.chat-input-area{gap:10px;padding:12px 15px}.chat-input{font-size:1.15rem;min-height:50px;padding:12px 14px}.send-btn{font-size:1.25rem;min-height:50px;padding:12px 20px}}@media (max-width:480px){.chat-header{gap:8px;min-height:60px;padding:10px 12px}.chat-title{font-size:1.5rem;letter-spacing:.5px}.back-btn,.clear-btn{font-size:1rem;padding:6px 12px}.history-badge{font-size:.9rem;padding:6px 10px;top:70px}.chat-messages{gap:14px;padding:12px}.message{gap:8px}.message-avatar{border:1.5px solid #0f06;font-size:1.4rem;height:32px;max-width:32px;min-width:32px}.message-content{border-radius:10px;max-width:88%;padding:10px 12px}.message-text{font-size:1.1rem;line-height:1.5}.code-container{margin-bottom:10px;margin-top:10px;padding-top:40px}.code-toolbar{height:34px;padding:5px 8px}.code-lang,.copy-btn{font-size:.85rem}.copy-btn{gap:3px;padding:4px 8px}.copy-btn span{display:none}.code-block{font-size:.95rem;max-height:300px;padding:10px}.chat-input-area{flex-direction:column;gap:8px;padding:10px 12px}.chat-input{font-size:1.1rem;max-height:120px;min-height:45px;padding:10px 12px}.chat-input::placeholder{font-size:1rem}.send-btn{font-size:1.2rem;min-height:48px;padding:12px;width:100%}.typing-indicator span{height:8px;width:8px}}@media (max-width:400px){.chat-title{font-size:1.35rem}.back-btn,.clear-btn{font-size:.95rem;padding:5px 10px}.message-avatar{font-size:1.3rem;height:30px;max-width:30px;min-width:30px}.message-content{max-width:90%}.message-text{font-size:1.05rem}.code-lang{font-size:.8rem}.copy-btn{padding:3px 6px}.code-block{font-size:.9rem;padding:8px}}.image-gen-container{background:#000;color:#0f0;font-family:VT323,monospace;min-height:100vh;overflow-x:hidden;position:relative}.matrix-canvas{background:#000;opacity:.3;z-index:0}.matrix-canvas,.matrix-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.matrix-overlay{animation:scanlines 4s linear infinite;background:repeating-linear-gradient(180deg,#00ff0008,#00ff0008 2px,#0000 3px,#0000 4px);z-index:1}@keyframes scanlines{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.image-gen-header{background:#000000e6;border-bottom:2px solid #0f06;box-shadow:0 0 20px #0f03;flex-direction:column;padding:clamp(15px,3vw,40px);position:relative;z-index:10}.but,.image-gen-header{display:flex;justify-content:space-between}.but{align-items:center;gap:15px}.header-right{display:flex}.header-center{align-items:center;display:flex;flex-direction:column;gap:8px}.header-center h1{font-size:50px;letter-spacing:2px;margin:0;text-align:center;text-shadow:0 0 12px #0f0,0 0 25px #0a0}.header-center h1,.nav-btn-img{color:#0f0;font-family:VT323,monospace}.nav-btn-img{align-items:center;background:#001900;border:1.5px solid #0f0;border-radius:6px;box-shadow:0 0 12px #00ff0040;cursor:pointer;display:inline-flex;font-size:clamp(1rem,2vw,1.3rem);gap:8px;padding:clamp(8px,1.5vw,10px) clamp(16px,3vw,24px);text-shadow:0 0 10px #0f0;transition:all .3s ease;white-space:nowrap}.nav-btn-img:hover{background:#0f0;box-shadow:0 0 20px #0f0,0 0 35px #0f5;color:#000;transform:scale(1.05)}.image-gen-content{grid-gap:clamp(20px,3vw,35px);align-items:start;display:grid;gap:clamp(20px,3vw,35px);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1600px;padding:clamp(20px,4vw,40px);position:relative;z-index:10}.image-gen-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d9;border:2px solid #0f06;border-radius:12px;box-shadow:0 0 30px #00ff0040,0 0 60px #00ff001a;padding:clamp(20px,4vw,35px)}.panel-title{color:#0f0;font-family:VT323,monospace;font-size:clamp(1.5rem,4vw,2.2rem);letter-spacing:2px;margin-bottom:clamp(20px,3vw,30px);text-align:center;text-shadow:0 0 12px #0f0,0 0 25px #0a0}.generation-form{gap:clamp(15px,2vw,22px)}.form-group,.generation-form{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#0f0;font-family:VT323,monospace;font-size:clamp(1.05rem,2vw,1.2rem);letter-spacing:1px;text-shadow:0 0 8px #00ff0080;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#001900;border:1.5px solid #0f0;border-radius:6px;box-shadow:0 0 8px #00ff0026;box-sizing:border-box;color:#0f0;font-family:VT323,monospace;font-size:clamp(1.05rem,2vw,1.2rem);padding:clamp(10px,1.5vw,12px) clamp(12px,2vw,15px);resize:vertical;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#001900b3;border-color:#0f0;box-shadow:0 0 20px #0f06;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#00ff0080;font-family:VT323,monospace}.form-row{grid-gap:clamp(12px,2vw,18px);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions,.form-row{gap:clamp(12px,2vw,18px)}.form-actions{display:flex;flex-wrap:wrap;margin-top:15px}.generate-btn,.reset-btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;flex:1 1;font-family:VT323,monospace;font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;min-width:150px;padding:clamp(12px,2vw,14px);text-transform:uppercase;transition:all .3s ease}.generate-btn{background:#0f0;border:1.5px solid #0f0;box-shadow:0 0 12px #00ff004d;color:#000}.generate-btn:hover:not(:disabled){background:#0000;box-shadow:0 0 25px #00ff0080;color:#0f0;text-shadow:0 0 10px #0f0;transform:translateY(-3px)}.generate-btn:disabled{background:#00ff004d;cursor:not-allowed;opacity:.4}.reset-btn{background:#0000;border:1.5px solid #0f0;color:#0f0;text-shadow:0 0 10px #0f0}.reset-btn:hover:not(:disabled){background:#ff000026;border-color:red;box-shadow:0 0 20px #f006;color:red;text-shadow:0 0 10px red}.loading-indicator{background:#0009;border:2px solid #0f06;border-radius:8px;box-shadow:0 0 20px #0f03;margin-top:clamp(18px,3vw,25px);padding:clamp(18px,3vw,25px);text-align:center}.matrix-loader{animation:spin 1s linear infinite;border:3px solid #0f03;border-radius:50%;border-top-color:#0f0;box-shadow:0 0 15px #00ff004d;height:clamp(45px,8vw,55px);margin:0 auto clamp(12px,2vw,18px);width:clamp(45px,8vw,55px)}.loading-indicator p{color:#00ff00d9;font-family:VT323,monospace;font-size:clamp(1.1rem,2vw,1.2rem);margin:0;text-shadow:0 0 8px #0f06}.error-message{align-items:flex-start;background:#ff000014;border:2px solid red;border-radius:8px;box-shadow:0 0 18px #ff00002e;color:red;display:flex;font-family:VT323,monospace;font-size:clamp(1.05rem,2vw,1.1rem);gap:12px;margin-top:clamp(18px,3vw,25px);padding:clamp(14px,2vw,18px)}.error-message .error-icon{color:#f55;flex-shrink:0;margin-right:6px}.output-container{display:flex;flex-direction:column;gap:clamp(15px,2.5vw,22px);min-height:400px}.image-wrapper{background:#0009;border:2px solid #0f06;border-radius:10px;box-shadow:0 0 25px #00ff0040;overflow:hidden;width:100%}.generated-image{animation:imageAppear .8s ease-out;display:block;height:auto;width:100%}@keyframes imageAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-info{background:#0009;border:2px solid #0f06;border-radius:8px;box-shadow:0 0 15px #0f03;display:flex;flex-wrap:wrap;gap:clamp(15px,3vw,25px);padding:clamp(14px,2vw,18px)}.info-item{display:flex;flex:1 1 150px;flex-direction:column;gap:6px;min-width:120px}.info-label{color:#00ff00b3;font-family:VT323,monospace;font-size:clamp(1rem,2vw,1.1rem);letter-spacing:1px;text-transform:uppercase}.info-value{font-size:clamp(1.3rem,2.5vw,1.5rem)}.download-btn,.info-value{color:#0f0;font-family:VT323,monospace;font-weight:700;text-shadow:0 0 10px #0f0}.download-btn{align-items:center;background:#0000;border:1.5px solid #0f0;border-radius:6px;box-shadow:0 0 12px #00ff0040;cursor:pointer;display:inline-flex;font-size:clamp(1.2rem,2.5vw,1.4rem);gap:8px;justify-content:center;padding:clamp(12px,2vw,14px);text-transform:uppercase;transition:all .3s ease;width:100%}.download-btn:hover{background:#0f0;box-shadow:0 0 25px #00ff0080;color:#000;transform:translateY(-3px)}.empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:clamp(40px,8vw,70px) clamp(15px,3vw,25px);text-align:center}.empty-svg{color:#0f0;filter:drop-shadow(0 0 18px rgba(0,255,0,.12));height:clamp(60px,10vw,80px);margin-bottom:20px;opacity:.45;width:clamp(60px,10vw,80px)}.empty-state p{color:#00ff00d9;font-family:VT323,monospace;font-size:clamp(1.2rem,2.5vw,1.4rem);margin:12px 0;text-shadow:0 0 8px #00ff004d}.empty-hint{color:#0f09!important;font-size:clamp(1.05rem,2vw,1.2rem)!important}.background-gen-notice{align-items:flex-start;animation:pulse 2.5s ease-in-out infinite;background:#0064ff0a;border:1.5px solid #00c8ff1f;border-radius:8px;display:flex;gap:12px;margin-top:20px;padding:clamp(12px,2vw,14px)}.notice-svg{color:#00c8fff2;flex-shrink:0}.background-gen-notice p{color:#00c8ffe6;font-family:VT323,monospace;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.4;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.panel-header{align-items:center}.clear-history-btn,.panel-header{display:flex;justify-content:center}.clear-history-btn{background:#0000;border:1.5px solid #ff000080;border-radius:6px;color:#f00c;cursor:pointer;font-family:VT323,monospace;font-size:clamp(.95rem,1.8vw,1.05rem);gap:8px;padding:clamp(10px,1.5vw,12px) clamp(16px,2.5vw,20px);transition:all .22s ease}.clear-history-btn:hover{background:#ff000026;border-color:red;box-shadow:0 0 15px #ff00004d;color:red}.image-prompt-info{background:#0009;border:2px solid #0f06;border-radius:8px;box-shadow:0 0 15px #0f03;padding:clamp(12px,2vw,15px)}.prompt-text{color:#00ff00d9;font-family:VT323,monospace;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.5;margin-top:8px;word-break:break-word}.generation-history{border-top:2px solid #0f03;margin-top:clamp(20px,3vw,30px);padding-top:clamp(18px,3vw,25px)}.generation-history h3{color:#0f0;font-family:VT323,monospace;font-size:clamp(1.4rem,3vw,1.6rem);margin-bottom:clamp(12px,2vw,18px);text-shadow:0 0 10px #0f0}.clear{align-items:center;display:flex;justify-content:space-between}.history-grid{grid-gap:clamp(10px,1.5vw,12px);display:grid;gap:clamp(10px,1.5vw,12px);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.history-item{aspect-ratio:1;background:#0009;border:2px solid #00ff004d;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.history-item:hover{border-color:#0f0;box-shadow:0 0 20px #0f06;transform:scale(1.05)}.history-item.selected{border-color:#0f0;border-width:3px;box-shadow:0 0 25px #00ff0080}.history-item.failed{border-color:#f006;cursor:not-allowed}.history-item img{display:block;height:100%;object-fit:cover;width:100%}.failed-marker{align-items:center;background:#ff00000f;color:#f66;display:flex;height:100%;justify-content:center;width:100%}.btn-icon-left{filter:drop-shadow(0 0 8px rgba(0,255,0,.12));margin-right:10px;opacity:.95}.btn-icon-left,.clear-history-btn,.download-btn span,.generate-btn span,.nav-btn-img span,.reset-btn span{vertical-align:middle}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.image-gen-content{grid-template-columns:1fr;padding:25px}.image-gen-header{padding:20px}.form-row{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:768px){.image-gen-header{gap:15px}.header-center h1{font-size:1.8rem}.nav-btn-img{justify-content:center;width:100%}.image-gen-content{gap:25px;padding:20px}.image-gen-panel{padding:20px}.form-actions{flex-direction:column}.generate-btn,.reset-btn{width:100%}.panel-header{align-items:stretch;flex-direction:column}.clear-history-btn{justify-content:center}.image-info{gap:15px}.info-item{flex:1 1 100%}.history-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.image-gen-header{padding:15px}.image-gen-content{gap:20px;padding:15px}.image-gen-panel{padding:15px}.form-group textarea{min-height:80px}.history-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.empty-state{padding:30px 15px}.output-container{min-height:300px}}@media (max-width:360px){.image-gen-header{padding:10px}.header-center h1{font-size:1.2rem;letter-spacing:1px}.clear-history-btn{font-size:.9rem}.panel-title{font-size:1.4rem}.image-gen-panel{padding:12px}.form-group label{font-size:1rem}.history-grid{grid-template-columns:repeat(2,1fr)}}.notification-container{bottom:env(safe-area-inset-bottom,20px);display:flex;flex-direction:column;gap:15px;max-width:min(400px,95vw);pointer-events:none;position:fixed;right:env(safe-area-inset-right,20px);z-index:10000}.notification-container>*{pointer-events:all}.generation-progress-notification{animation:slideIn .4s ease-out;background:#000a00f2;border:2px solid #0f06;border-radius:10px;box-shadow:0 0 25px #00ff004d;padding:clamp(14px,3vw,18px)}.progress-content{align-items:center;display:flex;gap:clamp(10px,3vw,15px)}.progress-icon{flex-shrink:0}.matrix-spinner{animation:spin 1s linear infinite;border:3px solid #0f03;border-radius:50%;border-top-color:#0f0;box-shadow:0 0 15px #0f06;height:clamp(32px,6vw,45px);width:clamp(32px,6vw,45px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-text{flex:1 1;font-family:VT323,monospace}.progress-title{color:#0f0;font-size:clamp(1.1rem,2.5vw,1.3rem);margin-bottom:5px;text-shadow:0 0 10px #0f0}.progress-prompt{color:#0f0c;font-size:clamp(1rem,2.3vw,1.1rem);margin-bottom:5px}.progress-time{color:#0f09;font-size:clamp(.9rem,2vw,1rem)}.generation-notification{animation:slideIn .4s ease-out;background:#000a00f2;border:2px solid #0f06;border-radius:10px;box-shadow:0 0 25px #00ff004d;padding:clamp(14px,3vw,18px);position:relative;transition:all .3s ease}.generation-notification:hover{box-shadow:0 0 35px #0f06;transform:translateX(-5px)}.notification-error{border-color:#f006;box-shadow:0 0 25px #ff00004d}.notification-error:hover{box-shadow:0 0 35px #f006}.notification-close{align-items:center;background:#0000;border:1px solid #0f06;border-radius:4px;color:#0f0;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.notification-close:hover{background:#0f0;box-shadow:0 0 10px #0f0;color:#000}.notification-content{align-items:flex-start;display:flex;gap:clamp(10px,2.5vw,12px);margin-bottom:12px}.notification-icon{align-items:center;background:#0f0;border-radius:50%;box-shadow:0 0 15px #00ff0080;color:#000;display:flex;flex-shrink:0;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;height:clamp(34px,6vw,40px);justify-content:center;width:clamp(34px,6vw,40px)}.error-icon{background:red;box-shadow:0 0 15px #ff000080}.notification-text{flex:1 1;font-family:VT323,monospace;min-width:0}.notification-title{color:#0f0;font-size:clamp(1.1rem,2.5vw,1.3rem);margin-bottom:5px;text-shadow:0 0 10px #0f0}.notification-error .notification-title{color:red;text-shadow:0 0 10px red}.notification-prompt{word-wrap:break-word;color:#0f0c;font-size:clamp(1rem,2.3vw,1.1rem);line-height:1.3;margin-bottom:5px}.notification-error,.notification-time{color:#0f09;font-size:clamp(.9rem,2vw,1rem)}.notification-error .notification-error{color:#f00c}.notification-preview{border:2px solid #0f06;border-radius:6px;box-shadow:0 0 10px #0f03;flex-shrink:0;height:clamp(55px,18vw,80px);overflow:hidden;width:clamp(55px,18vw,80px)}.notification-preview img{height:100%;object-fit:cover;width:100%}.notification-action{background:#0000;border:1.5px solid #0f0;border-radius:6px;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:clamp(1.1rem,2.5vw,1.2rem);padding:clamp(8px,2.5vw,10px);text-shadow:0 0 8px #00ff0080;transition:all .3s ease;width:100%}.notification-action:hover{background:#0f0;box-shadow:0 0 20px #00ff0080;color:#000;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.notification-container{bottom:10px;left:10px;max-width:none;right:10px}}@media (max-width:420px){.notification-content{align-items:flex-start;flex-direction:column}.notification-preview{align-self:flex-start}}@media (max-width:360px){.notification-container{gap:10px}.notification-close{height:28px;width:28px}}
/*# sourceMappingURL=main.2492721d.css.map*/