.landing-container{min-height:100vh;background:linear-gradient(135deg,#0a192f,#112240,#0a192f);color:#fff;display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:auto}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/Landing.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:.4;z-index:0}.circuit-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.circuit-line{position:absolute;background:linear-gradient(90deg,transparent,#00d4ff,transparent);height:4px;animation:circuitFlow 4s linear infinite;box-shadow:0 0 30px #00d4ff;border-radius:3px;opacity:.8}.circuit-1{top:10%;left:-100px;width:400px;animation-delay:0s}.circuit-2{top:25%;left:-150px;width:350px;animation-delay:1s}.circuit-3{top:40%;left:-200px;width:450px;animation-delay:2s}.circuit-4{top:55%;left:-120px;width:300px;animation-delay:3s}.circuit-5{top:70%;left:-180px;width:380px;animation-delay:.5s}.circuit-6{top:85%;left:-100px;width:320px;animation-delay:1.5s}.circuit-7{top:-100px;left:20%;width:3px;height:300px;animation:circuitFlowVertical 5s linear infinite;animation-delay:.5s}.circuit-8{top:-150px;left:45%;width:3px;height:250px;animation:circuitFlowVertical 5s linear infinite;animation-delay:1.5s}.circuit-9{top:-200px;left:70%;width:3px;height:280px;animation:circuitFlowVertical 5s linear infinite;animation-delay:2.5s}.circuit-10{top:-180px;left:90%;width:3px;height:220px;animation:circuitFlowVertical 5s linear infinite;animation-delay:3.5s}.circuit-11{top:10%;left:-100px;width:300px;height:3px;transform:rotate(45deg);animation:circuitFlowDiagonal 6s linear infinite;animation-delay:.8s}.circuit-12{top:35%;left:-150px;width:350px;height:3px;transform:rotate(-45deg);animation:circuitFlowDiagonal 6s linear infinite;animation-delay:2.2s}.circuit-13{top:60%;left:-120px;width:280px;height:3px;transform:rotate(60deg);animation:circuitFlowDiagonal 6s linear infinite;animation-delay:3.8s}.circuit-14{top:85%;left:-180px;width:320px;height:3px;transform:rotate(-60deg);animation:circuitFlowDiagonal 6s linear infinite;animation-delay:1.2s}.circuit-15{top:25%;left:-200px;width:250px;height:3px;transform:rotate(75deg);animation:circuitFlowDiagonal 6s linear infinite;animation-delay:4.2s}.circuit-16{top:50%;left:-250px;width:400px;height:3px;transform:rotate(-75deg);animation:circuitFlowDiagonal 6s linear infinite;animation-delay:2.8s}.circuit-dot{position:absolute;width:8px;height:8px;background:#00d4ff;border-radius:50%;box-shadow:0 0 20px #00d4ff;animation:pulse 2s ease-in-out infinite}.dot-1{top:20%;left:25%;animation-delay:0s}.dot-2{top:35%;left:75%;animation-delay:.5s}.dot-3{top:50%;left:15%;animation-delay:1s}.dot-4{top:65%;left:85%;animation-delay:1.5s}.dot-5{top:80%;left:35%;animation-delay:.3s}.dot-6{top:25%;left:55%;animation-delay:.8s}.dot-7{top:40%;left:45%;animation-delay:1.2s}.dot-8{top:55%;left:65%;animation-delay:.7s}.dot-9{top:70%;left:25%;animation-delay:1.8s}.dot-10{top:15%;left:85%;animation-delay:.4s}.circuit-node{position:absolute;width:12px;height:12px;background:#00d4ff;border-radius:50%;box-shadow:0 0 30px #00d4ff;animation:nodeGlow 3s ease-in-out infinite}.node-1{top:30%;left:40%;animation-delay:0s}.node-2{top:45%;left:70%;animation-delay:.5s}.node-3{top:60%;left:20%;animation-delay:1s}.node-4{top:75%;left:80%;animation-delay:1.5s}.node-5{top:25%;left:60%;animation-delay:.3s}.node-6{top:50%;left:30%;animation-delay:.8s}.main-content{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;min-height:100vh}.header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;z-index:10}.logo-container{display:flex;align-items:center;gap:15px}.logo-icon{width:90px;height:90px;position:relative;animation:logoFloat 3s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.logo-icon:hover{animation:logoRotate 2s linear infinite;transform:scale(1.15)}.logo-circuit{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#00d4ff33;border-radius:25px;border:4px solid rgba(0,212,255,.7);overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 50px #00d4ff80}.circuit-line-horizontal{position:absolute;top:50%;left:10%;width:80%;height:4px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);box-shadow:0 0 20px #00d4ff;animation:circuitPulse 2s ease-in-out infinite}.circuit-line-vertical{position:absolute;top:10%;left:50%;width:4px;height:80%;background:linear-gradient(180deg,transparent,#00d4ff,transparent);box-shadow:0 0 20px #00d4ff;animation:circuitPulse 2s ease-in-out infinite;animation-delay:1s}.circuit-line-diagonal-1{position:absolute;top:15%;left:15%;width:70%;height:4px;background:linear-gradient(45deg,transparent,#00d4ff,transparent);transform:rotate(45deg);box-shadow:0 0 20px #00d4ff;animation:circuitPulse 2s ease-in-out infinite;animation-delay:.5s}.circuit-line-diagonal-2{position:absolute;top:15%;right:15%;width:70%;height:4px;background:linear-gradient(-45deg,transparent,#00d4ff,transparent);transform:rotate(-45deg);box-shadow:0 0 20px #00d4ff;animation:circuitPulse 2s ease-in-out infinite;animation-delay:1.5s}.circuit-board .circuit-node{position:absolute;width:8px;height:8px;background:#00d4ff;border-radius:50%;box-shadow:0 0 15px #00d4ff;animation:nodeGlow 2s ease-in-out infinite}.circuit-board .circuit-dot{position:absolute;width:5px;height:5px;background:#00d4ff;border-radius:50%;box-shadow:0 0 10px #00d4ff;animation:dotPulse 1.5s ease-in-out infinite}.circuit-text{font-size:1rem;font-weight:900;color:#00d4ff;text-align:center;animation:logoTextGlow 2s ease-in-out infinite;z-index:1;position:relative;text-shadow:0 0 20px rgba(0,212,255,.8);font-family:Orbitron,Arial,sans-serif;letter-spacing:1px}.logo-glow{position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(circle,rgba(0,212,255,.5),transparent);border-radius:40px;animation:logoGlow 3s ease-in-out infinite;z-index:-1}.register-btn{background:linear-gradient(45deg,#00d4ff,#4ecdc4)!important;color:#fff!important;font-weight:600!important;padding:15px 35px!important;border-radius:30px!important;text-transform:none!important;font-size:16px!important;transition:all .3s ease!important;box-shadow:0 10px 30px #00d4ff4d!important;position:relative;overflow:hidden;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:1px!important;cursor:pointer!important}.register-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.register-btn:hover:before{left:100%}.register-btn:hover{transform:translateY(-3px)!important;box-shadow:0 15px 40px #00d4ff80!important;background:linear-gradient(45deg,#09c,#00d4ff)!important}.center-content{text-align:center;max-width:900px;margin:0 auto;padding:20px}.title{font-size:4.5rem!important;font-weight:900!important;background:linear-gradient(45deg,#64ffda,#ff6b6b,#64ffda)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;margin-bottom:20px!important;text-shadow:0 0 50px rgba(100,255,218,.5)!important;animation:titleGlow 4s ease-in-out infinite!important;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:2px!important}.subtitle{font-size:1.8rem!important;color:#8892b0!important;margin-bottom:15px!important;font-weight:400!important;animation:sloganGlow 3s ease-in-out infinite!important;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:1px!important}.slogan{font-size:1.4rem!important;color:#64ffda!important;margin-bottom:20px!important;font-weight:500!important;animation:sloganGlow 3s ease-in-out infinite!important;animation-delay:.5s!important;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:1px!important}.description{font-size:1.2rem!important;color:#8892b0!important;margin-bottom:30px!important;font-weight:400!important;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:.5px!important}.hackathon-date{font-size:1.3rem!important;color:#64ffda!important;margin-bottom:30px!important;font-weight:500!important;animation:timerPulse 2s ease-in-out infinite!important;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:1px!important}.timer-container{margin-bottom:40px}.timer-label{font-size:1.5rem!important;color:#8892b0!important;margin-bottom:20px!important;font-weight:500!important;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:1px!important}.timer-display{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.timer-unit{background:#00d4ff1a;border:2px solid rgba(0,212,255,.3);border-radius:15px;padding:25px 20px;text-align:center;min-width:100px;position:relative;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-unit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent);transition:left .5s}.timer-unit:hover:before{left:100%}.timer-unit:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00d4ff4d}.timer-number{font-size:3rem!important;font-weight:900!important;color:#00d4ff!important;margin-bottom:5px!important;text-shadow:0 0 25px rgba(0,212,255,.8)!important;font-family:Orbitron,Arial,sans-serif!important}.timer-label-small{font-size:1rem!important;color:#8892b0!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:1px!important;font-family:Orbitron,Arial,sans-serif!important}.timer-separator{font-size:3rem!important;color:#00d4ff!important;font-weight:900!important;animation:timerPulse 1s ease-in-out infinite!important;font-family:Orbitron,Arial,sans-serif!important}.live-text{font-size:3rem!important;color:#ff6b6b!important;font-weight:900!important;margin-bottom:30px!important;text-shadow:0 0 40px rgba(255,107,107,.8)!important;animation:liveGlow 2s ease-in-out infinite!important;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:2px!important}.launch-btn{background:linear-gradient(45deg,#666,#999)!important;color:#fff!important;font-weight:700!important;padding:20px 50px!important;border-radius:35px!important;text-transform:none!important;font-size:1.3rem!important;transition:all .3s ease!important;box-shadow:0 15px 40px #6666664d!important;position:relative;overflow:hidden;cursor:not-allowed!important;opacity:.7!important;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:1px!important}.launch-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.launch-btn:hover:before{left:100%}.launch-btn:hover{transform:none!important;box-shadow:0 15px 40px #6666!important;background:linear-gradient(45deg,#555,#888)!important;cursor:not-allowed!important}.launch-btn.enabled{background:linear-gradient(45deg,#00d4ff,#4ecdc4)!important;box-shadow:0 15px 40px #00d4ff66!important;cursor:pointer!important;opacity:1!important}.launch-btn.enabled:hover{transform:translateY(-5px)!important;box-shadow:0 20px 50px #00d4ff99!important;background:linear-gradient(45deg,#09c,#00d4ff)!important}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1}}@keyframes nodeGlow{0%,to{box-shadow:0 0 20px #00d4ff;opacity:.8}50%{box-shadow:0 0 40px #00d4ff;opacity:1}}@keyframes titleGlow{0%,to{text-shadow:0 0 50px rgba(0,212,255,.5);filter:brightness(1)}50%{text-shadow:0 0 80px rgba(0,212,255,.8);filter:brightness(1.2)}}@keyframes timerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes liveGlow{0%,to{text-shadow:0 0 40px rgba(255,107,107,.8);filter:brightness(1)}50%{text-shadow:0 0 60px rgba(255,107,107,1.2);filter:brightness(1.3)}}@keyframes sloganGlow{0%,to{text-shadow:0 0 20px rgba(100,255,218,.5);filter:brightness(1)}50%{text-shadow:0 0 40px rgba(100,255,218,.8);filter:brightness(1.1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logoGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}@media (max-width: 768px){.landing-container{padding:10px}.header{padding:15px 20px}.logo-icon{width:60px;height:60px}.circuit-text{font-size:.7rem}.register-btn{padding:12px 25px!important;font-size:14px!important}.center-content{padding:15px}.title{font-size:3rem!important}.subtitle{font-size:1.4rem!important}.slogan{font-size:1.1rem!important}.description{font-size:1rem!important}.hackathon-date{font-size:1.1rem!important}.timer-container{margin-bottom:30px}.timer-label{font-size:1.2rem!important}.timer-display{gap:15px}.timer-unit{padding:20px 15px;min-width:80px}.timer-number{font-size:2.5rem!important}.timer-label-small{font-size:.9rem!important}.timer-separator{font-size:2.5rem!important}.launch-btn{padding:18px 35px!important;font-size:1.1rem!important}.circuit-1,.circuit-2,.circuit-3,.circuit-4,.circuit-5,.circuit-6{width:250px}.circuit-7,.circuit-8,.circuit-9,.circuit-10{height:200px}.circuit-11,.circuit-12,.circuit-13,.circuit-14,.circuit-15,.circuit-16{width:200px}}@media (max-width: 480px){.landing-container{padding:5px}.header{padding:10px 15px}.logo-icon{width:50px;height:50px}.circuit-text{font-size:.6rem}.register-btn{padding:10px 20px!important;font-size:12px!important}.center-content{padding:10px}.title{font-size:2.5rem!important}.subtitle{font-size:1.2rem!important}.slogan{font-size:1rem!important}.description{font-size:.9rem!important}.hackathon-date{font-size:1rem!important}.timer-container{margin-bottom:25px}.timer-label{font-size:1rem!important}.timer-display{gap:10px}.timer-unit{padding:15px 10px;min-width:60px}.timer-number{font-size:2rem!important}.timer-label-small{font-size:.8rem!important}.timer-separator{font-size:2rem!important}.launch-btn{padding:15px 25px!important;font-size:1rem!important}.circuit-1,.circuit-2,.circuit-3,.circuit-4,.circuit-5,.circuit-6{width:200px}.circuit-7,.circuit-8,.circuit-9,.circuit-10{height:150px}.circuit-11,.circuit-12,.circuit-13,.circuit-14,.circuit-15,.circuit-16{width:150px}}@media (max-width: 360px){.title{font-size:2rem!important}.subtitle{font-size:1rem!important}.slogan{font-size:.9rem!important}.description{font-size:.8rem!important}.timer-unit{padding:12px 8px;min-width:50px}.timer-number{font-size:1.8rem!important}.timer-label-small{font-size:.7rem!important}.timer-separator{font-size:1.8rem!important}.circuit-1,.circuit-2,.circuit-3,.circuit-4,.circuit-5,.circuit-6{width:150px}.circuit-7,.circuit-8,.circuit-9,.circuit-10{height:100px}.circuit-11,.circuit-12,.circuit-13,.circuit-14,.circuit-15,.circuit-16{width:100px}}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.register-container{min-height:100vh;background:linear-gradient(135deg,#0a192f,#112240,#0a192f);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;padding:20px}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/Landing.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:.4;z-index:0}.register-content{position:relative;z-index:2;width:100%;max-width:500px;margin:0 auto}.logo-container{display:flex;justify-content:center;margin-bottom:40px}.logo-icon{width:80px;height:80px;position:relative;cursor:pointer;transition:all .3s ease;animation:logoFloat 3s ease-in-out infinite}.logo-icon:hover{transform:scale(1.1);animation:logoRotate 2s linear infinite}.circuit-text{font-size:.9rem;font-weight:700;color:#fff;text-align:center;font-family:Orbitron,Arial,sans-serif;letter-spacing:1px;text-shadow:0 0 10px rgba(0,212,255,.8);animation:logoTextGlow 3s ease-in-out infinite;position:absolute;z-index:2}.logo-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(0,212,255,.3),transparent);border-radius:50%;animation:logoGlow 4s ease-in-out infinite;z-index:-1}.logo-circuit{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#00d4ff33;border-radius:20px;border:3px solid rgba(0,212,255,.6);overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 40px #00d4ff66}.circuit-board{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.circuit-line-horizontal{position:absolute;top:50%;left:10%;width:80%;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);box-shadow:0 0 15px #00d4ff;animation:circuitPulse 2s ease-in-out infinite}.circuit-line-vertical{position:absolute;top:10%;left:50%;width:3px;height:80%;background:linear-gradient(180deg,transparent,#00d4ff,transparent);box-shadow:0 0 15px #00d4ff;animation:circuitPulse 2s ease-in-out infinite;animation-delay:1s}.circuit-line-diagonal-1{position:absolute;top:15%;left:15%;width:70%;height:3px;background:linear-gradient(45deg,transparent,#00d4ff,transparent);transform:rotate(45deg);box-shadow:0 0 15px #00d4ff;animation:circuitPulse 2s ease-in-out infinite;animation-delay:.5s}.circuit-line-diagonal-2{position:absolute;top:15%;right:15%;width:70%;height:3px;background:linear-gradient(-45deg,transparent,#00d4ff,transparent);transform:rotate(-45deg);box-shadow:0 0 15px #00d4ff;animation:circuitPulse 2s ease-in-out infinite;animation-delay:1.5s}.circuit-board .circuit-node{position:absolute;width:6px;height:6px;background:#00d4ff;border-radius:50%;box-shadow:0 0 12px #00d4ff;animation:nodeGlow 2s ease-in-out infinite}.circuit-board .circuit-node.node-1{top:20%;left:20%;animation-delay:0s}.circuit-board .circuit-node.node-2{top:20%;right:20%;animation-delay:.5s}.circuit-board .circuit-node.node-3{bottom:20%;left:20%;animation-delay:1s}.circuit-board .circuit-node.node-4{bottom:20%;right:20%;animation-delay:1.5s}.circuit-board .circuit-dot{position:absolute;width:4px;height:4px;background:#00d4ff;border-radius:50%;box-shadow:0 0 8px #00d4ff;animation:dotPulse 1.5s ease-in-out infinite}.circuit-board .circuit-dot.dot-1{top:30%;left:30%;animation-delay:0s}.circuit-board .circuit-dot.dot-2{top:30%;right:30%;animation-delay:.5s}.circuit-board .circuit-dot.dot-3{bottom:30%;left:30%;animation-delay:1s}.circuit-board .circuit-dot.dot-4{bottom:30%;right:30%;animation-delay:1.5s}.circuit-text{font-size:.8rem;font-weight:900;color:#00d4ff;text-align:center;animation:logoTextGlow 2s ease-in-out infinite;z-index:1;position:relative;text-shadow:0 0 15px rgba(0,212,255,.8);font-family:Orbitron,Arial,sans-serif;letter-spacing:1px}.logo-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(0,212,255,.4),transparent);border-radius:30px;animation:logoGlow 3s ease-in-out infinite;z-index:-1}.register-paper{background:#ffffff0d!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px!important;box-shadow:0 15px 50px #00d4ff33 ! important,0 0 0 1px #00d4ff1a!important;position:relative;overflow:hidden;padding:40px;animation:formSlideIn .8s ease-out}.register-paper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,212,255,.1),transparent);animation:borderRotate 10s linear infinite;z-index:-1}.register-title{font-size:3rem!important;text-shadow:0 0 30px rgba(0,212,255,.8);margin-bottom:20px!important;background:linear-gradient(45deg,#00d4ff,#fff,#00d4ff,#09c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Orbitron,Arial,sans-serif!important;font-weight:900!important;letter-spacing:3px!important;text-align:center;animation:titleGlow 4s ease-in-out infinite}.register-subtitle{font-size:1.3rem!important;margin-bottom:20px!important;color:#8892b0!important;text-align:center;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:2px!important;text-transform:uppercase}.registration-status{font-size:1.1rem!important;margin-bottom:30px!important;color:#ff6b6b!important;text-align:center;font-family:Orbitron,Arial,sans-serif!important;letter-spacing:1.5px!important;text-shadow:0 0 10px rgba(255,107,107,.5);font-weight:600!important}.alert{border-radius:15px!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,212,255,.3);margin-bottom:30px!important;font-family:Orbitron,Arial,sans-serif!important;font-weight:500!important}.register-form{gap:25px;margin-bottom:40px;display:flex;flex-direction:column}.form-field{position:relative}.form-field .MuiOutlinedInput-root{border-radius:15px;transition:all .4s ease;border:2px solid rgba(0,212,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.form-field .MuiOutlinedInput-root:hover{transform:translateY(-3px);border-color:#00d4ff99;box-shadow:0 10px 30px #00d4ff4d;background:#ffffff26}.form-field .MuiOutlinedInput-root.Mui-focused{border-color:#00d4ff;box-shadow:0 0 25px #00d4ff66;background:#fff3}.form-field .MuiOutlinedInput-notchedOutline{border-color:transparent}.form-field .MuiInputBase-input{font-size:16px!important;padding:16px 20px!important;color:#fff!important;font-family:Orbitron,Arial,sans-serif!important;font-weight:500!important}.form-field .MuiInputBase-input::placeholder{color:#ffffffb3!important;opacity:1!important;font-family:Orbitron,Arial,sans-serif!important;font-weight:400!important}.form-field .MuiInputLabel-root{color:#8892b0!important;font-family:Orbitron,Arial,sans-serif!important;font-weight:500!important;font-size:14px!important}.form-field .MuiInputLabel-root.Mui-focused{color:#00d4ff!important}.submit-btn{padding:18px 35px!important;font-size:16px!important;box-shadow:0 8px 30px #00d4ff66!important;transition:all .4s ease!important;position:relative;overflow:hidden;background:linear-gradient(45deg,#00d4ff,#09c,#00d4ff)!important;border-radius:20px!important;font-family:Orbitron,Arial,sans-serif!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-3px)!important;box-shadow:0 15px 40px #00d4ff99!important;background:linear-gradient(45deg,#09c,#00d4ff,#09c)!important}.submit-btn:disabled{background:linear-gradient(45deg,#666,#999)!important;cursor:not-allowed!important;transform:none!important;box-shadow:0 5px 15px #6666664d!important}.back-btn{padding:12px 25px!important;font-size:14px!important;transition:all .4s ease!important;background:#00d4ff14!important;border:2px solid rgba(0,212,255,.4)!important;color:#00d4ff!important;border-radius:15px!important;font-family:Orbitron,Arial,sans-serif!important;font-weight:600!important;letter-spacing:1px!important;text-transform:uppercase!important;width:100%!important;margin-top:15px!important}.back-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #00d4ff4d!important;background:#00d4ff26!important;border-color:#00d4ff99!important}@keyframes circuitFlow{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100vw);opacity:0}}@keyframes circuitFlowVertical{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes circuitFlowDiagonal{0%{transform:translate(-100%) translateY(-100%);opacity:0}50%{opacity:1}to{transform:translate(100vw) translateY(100vh);opacity:0}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}}@keyframes formSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes titleGlow{0%,to{text-shadow:0 0 30px rgba(0,212,255,.5);filter:brightness(1)}50%{text-shadow:0 0 50px rgba(0,212,255,.8);filter:brightness(1.2)}}@keyframes logoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes circuitPulse{0%,to{opacity:.6;box-shadow:0 0 15px #00d4ff}50%{opacity:1;box-shadow:0 0 25px #00d4ff}}@keyframes logoTextGlow{0%,to{text-shadow:0 0 15px rgba(0,212,255,.8);opacity:.8}50%{text-shadow:0 0 25px rgba(0,212,255,1.2);opacity:1}}@keyframes logoGlow{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width: 768px){.register-container{padding:15px}.register-paper{padding:25px 20px;border-radius:20px}.logo-icon{width:60px;height:60px}.circuit-text{font-size:.6rem}.register-title{font-size:2.2rem!important}.register-subtitle{font-size:1rem!important}.registration-status{font-size:.9rem!important}.register-form{gap:20px}.form-field .MuiInputBase-input{font-size:15px!important;padding:14px 18px!important}.form-field .MuiInputLabel-root{font-size:13px!important}.submit-btn{padding:15px 25px!important;font-size:15px!important}.back-btn{padding:10px 20px!important;font-size:13px!important}.circuit-line{height:2px}.circuit-1,.circuit-2,.circuit-3,.circuit-4{width:200px}.circuit-5,.circuit-6{height:150px}.circuit-7,.circuit-8,.circuit-9,.circuit-10,.circuit-11,.circuit-12{width:150px}.circuit-dot{width:5px;height:5px}}@media (max-width: 480px){.register-container{padding:10px}.register-paper{padding:20px 15px;border-radius:18px}.logo-icon{width:50px;height:50px}.circuit-text{font-size:.5rem}.register-title{font-size:1.8rem!important}.register-subtitle{font-size:.9rem!important}.registration-status{font-size:.8rem!important}.register-form{gap:15px}.form-field .MuiInputBase-input{font-size:14px!important;padding:12px 16px!important}.form-field .MuiInputLabel-root{font-size:12px!important}.submit-btn{padding:12px 20px!important;font-size:14px!important}.back-btn{padding:8px 15px!important;font-size:12px!important}.circuit-1,.circuit-2,.circuit-3,.circuit-4{width:150px}.circuit-5,.circuit-6{height:100px}.circuit-7,.circuit-8,.circuit-9,.circuit-10,.circuit-11,.circuit-12{width:100px}.circuit-dot{width:4px;height:4px}}@media (max-width: 360px){.register-paper{padding:15px 12px;border-radius:15px}.logo-icon{width:45px;height:45px}.circuit-text{font-size:.4rem}.register-title{font-size:1.6rem!important}.register-subtitle{font-size:.8rem!important}.registration-status{font-size:.7rem!important}.register-form{gap:12px}.form-field .MuiInputBase-input{font-size:13px!important;padding:10px 14px!important}.form-field .MuiInputLabel-root{font-size:11px!important}.submit-btn{padding:10px 16px!important;font-size:13px!important}.back-btn{padding:6px 12px!important;font-size:11px!important}.circuit-1,.circuit-2,.circuit-3,.circuit-4{width:120px}.circuit-5,.circuit-6{height:80px}.circuit-7,.circuit-8,.circuit-9,.circuit-10,.circuit-11,.circuit-12{width:80px}.circuit-dot{width:3px;height:3px}}.circuit-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.circuit-line{position:absolute;background:linear-gradient(90deg,transparent,#00d4ff,transparent);height:2px;animation:circuitFlow 4s linear infinite}.circuit-1{top:15%;left:0;width:30%;animation-delay:0s}.circuit-2{top:25%;left:0;width:40%;animation-delay:1s}.circuit-3{top:35%;left:0;width:35%;animation-delay:2s}.circuit-4{top:45%;left:0;width:45%;animation-delay:.5s}.circuit-5{top:55%;left:0;width:25%;animation-delay:1.5s}.circuit-6{top:65%;left:0;width:50%;animation-delay:3s}.circuit-7{top:0;left:20%;width:2px;height:30%;animation-delay:.3s}.circuit-8{top:0;left:40%;width:2px;height:40%;animation-delay:1.3s}.circuit-9{top:0;left:60%;width:2px;height:35%;animation-delay:2.3s}.circuit-10{top:0;left:80%;width:2px;height:45%;animation-delay:.8s}.circuit-11{top:20%;left:10%;width:20%;transform:rotate(45deg);animation-delay:.7s}.circuit-12{top:30%;left:70%;width:25%;transform:rotate(-45deg);animation-delay:1.7s}.circuit-13{top:50%;left:15%;width:30%;transform:rotate(30deg);animation-delay:2.7s}.circuit-14{top:60%;left:65%;width:20%;transform:rotate(-30deg);animation-delay:.2s}.circuit-15{top:70%;left:25%;width:35%;transform:rotate(60deg);animation-delay:1.2s}.circuit-16{top:80%;left:55%;width:25%;transform:rotate(-60deg);animation-delay:2.2s}.circuit-dot{position:absolute;width:4px;height:4px;background:#00d4ff;border-radius:50%;box-shadow:0 0 20px #00d4ff;animation:dotPulse 3s ease-in-out infinite}.dot-1{top:20%;left:30%;animation-delay:0s}.dot-2{top:40%;left:70%;animation-delay:.5s}.dot-3{top:60%;left:20%;animation-delay:1s}.dot-4{top:80%;left:80%;animation-delay:1.5s}.dot-5{top:30%;left:50%;animation-delay:.3s}.dot-6{top:50%;left:40%;animation-delay:.8s}.dot-7{top:70%;left:60%;animation-delay:1.3s}.dot-8{top:25%;left:80%;animation-delay:.7s}.circuit-node{position:absolute;width:8px;height:8px;background:#00d4ff;border-radius:50%;box-shadow:0 0 25px #00d4ff;animation:nodeGlow 4s ease-in-out infinite}.node-1{top:25%;left:35%;animation-delay:0s}.node-2{top:45%;left:75%;animation-delay:.5s}.node-3{top:65%;left:25%;animation-delay:1s}.node-4{top:85%;left:85%;animation-delay:1.5s}.node-5{top:35%;left:55%;animation-delay:.3s}.node-6{top:55%;left:45%;animation-delay:.8s}.floating-particle{position:absolute;width:3px;height:3px;background:#00d4ff;border-radius:50%;box-shadow:0 0 15px #00d4ffcc;animation:floatParticle 8s ease-in-out infinite}.particle-1{top:10%;left:15%;animation-delay:0s}.particle-2{top:20%;left:85%;animation-delay:2s}.particle-3{top:40%;left:10%;animation-delay:4s}.particle-4{top:60%;left:90%;animation-delay:1s}.particle-5{top:80%;left:5%;animation-delay:3s}.particle-6{top:90%;left:75%;animation-delay:5s}.data-stream{position:absolute;background:linear-gradient(90deg,transparent,#00d4ff,transparent);height:1px;animation:dataFlow 6s linear infinite}.stream-1{top:15%;left:0;width:100%;animation-delay:0s}.stream-2{top:45%;left:0;width:100%;animation-delay:2s}.stream-3{top:75%;left:0;width:100%;animation-delay:4s}.glowing-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.3),transparent);animation:orbGlow 5s ease-in-out infinite}.orb-1{top:20%;right:10%;width:100px;height:100px;animation-delay:0s}.orb-2{top:50%;right:20%;width:80px;height:80px;animation-delay:1.5s}.orb-3{top:80%;right:15%;width:120px;height:120px;animation-delay:3s}@keyframes circuitFlow{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #00d4ff}50%{transform:scale(1.5);box-shadow:0 0 40px #00d4ff}}@keyframes nodeGlow{0%,to{transform:scale(1);box-shadow:0 0 25px #00d4ff}50%{transform:scale(1.3);box-shadow:0 0 50px #00d4ff}}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-20px) translate(10px);opacity:1}50%{transform:translateY(-10px) translate(-15px);opacity:.7}75%{transform:translateY(-30px) translate(5px);opacity:1}}@keyframes dataFlow{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes orbGlow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.exam-container{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;position:relative}.warning-alert{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;min-width:400px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.timer-bar{position:fixed;top:0;left:0;right:0;background:#1976d2;color:#fff;padding:10px 20px;text-align:center;z-index:100;box-shadow:0 2px 4px #0000001a}.timer{font-family:Courier New,monospace;font-weight:700;margin:0}.timer.warning{color:#ff9800;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.camera-feed{position:fixed;top:60px;right:20px;width:200px;height:150px;background:#000;border-radius:8px;overflow:hidden;z-index:90;box-shadow:0 4px 8px #0003}.camera-video{width:100%;height:100%;object-fit:cover}.camera-status{position:absolute;bottom:5px;left:5px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.exam-content{padding:40px;max-width:800px;margin:80px auto 40px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.question-title{color:#1976d2;margin-bottom:15px!important;font-weight:700!important}.question-text{margin-bottom:20px!important;line-height:1.6!important;color:#333!important}.answer-input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-family:Arial,sans-serif;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .3s ease;margin-bottom:30px}.answer-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.submit-btn{background:#1976d2!important;color:#fff!important;padding:12px 30px!important;font-size:16px!important;font-weight:700!important;border-radius:6px!important;text-transform:none!important;margin-top:20px!important}.submit-btn:hover{background:#1565c0!important}.submit-btn:disabled{background:#ccc!important;color:#666!important}.exam-start{max-width:600px;margin:100px auto;padding:40px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.exam-title{color:#1976d2;margin-bottom:20px!important;font-weight:700!important}.exam-info{color:#666;margin-bottom:30px!important}.exam-warning{margin-bottom:30px!important;text-align:left!important}.start-exam-btn{background:#4caf50!important;color:#fff!important;padding:15px 40px!important;font-size:18px!important;font-weight:700!important;border-radius:8px!important;text-transform:none!important}.start-exam-btn:hover{background:#45a049!important}.submission-success{max-width:500px;margin:100px auto;padding:40px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.success-title{color:#4caf50;margin-bottom:20px!important;font-weight:700!important}.success-message{color:#666;line-height:1.6!important}.exam-container:fullscreen{background:#fff}.exam-container:fullscreen .exam-content{margin-top:60px;box-shadow:none;border-radius:0}.exam-container:fullscreen .camera-feed{top:70px}@media (max-width: 768px){.exam-content{padding:20px;margin:70px 10px 20px}.camera-feed{width:150px;height:112px;top:70px;right:10px}.warning-alert{min-width:300px;left:10px;right:10px;transform:none}.exam-start{margin:50px 20px;padding:30px 20px}}@media (max-width: 480px){.exam-content{padding:15px;margin:70px 5px 15px}.camera-feed{width:120px;height:90px;top:70px;right:5px}.timer{font-size:1.2rem!important}.question-title{font-size:1.3rem!important}}