@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Medula+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&display=swap";:root{--neon-gold: #ffd700;--neon-silver: #c0c0c0;--neon-marble: #e6e6fa;--neon-olive: #808000;--neon-bronze: #cd7f32;--dark-bg: #0a0a1a;--darker-bg: #050510;--gorgon-green: #39ff14;--error-red: #ff3860;--neon-error: #ff2e7a}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--darker-bg) 0%,var(--dark-bg) 70%);color:#fff;min-height:100vh;overflow-x:hidden;position:relative;display:flex;justify-content:center;align-items:center;padding:20px}@media screen and (min-width: 1025px){body{overflow:hidden}}@media screen and (max-width: 1024px){body{overflow:auto}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(10,10,26,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,26,.9) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:-1;opacity:.3}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:0}.flip-card{perspective:1000px;width:100%;max-width:450px;height:650px;position:relative;z-index:2}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.login-container,.register-container{overflow-y:auto;position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#0a0a1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.3);border-radius:15px;padding:2rem;box-shadow:0 0 40px #ffd70033;overflow:hidden}.register-container{transform:rotateY(180deg)}.login-container:before,.register-container:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.1),transparent);opacity:0;transition:opacity .5s ease}.login-container:hover:before,.register-container:hover:before{opacity:1;animation:shine 2s ease}.logo-section{text-align:center}.olymp-logo{font-family:Rajdhani,serif;font-size:1.8rem;color:var(--neon-gold);text-shadow:0 0 10px rgba(255,215,0,.5);letter-spacing:2px}.aegis-title{font-family:Rajdhani,cursive;font-size:3.5rem;color:var(--neon-silver);text-shadow:0 0 15px rgba(192,192,192,.7);position:relative}.aegis-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--neon-gold),transparent)}.tagline{font-size:1rem;color:#ffffffb3}.gorgon-icon{font-size:2rem;margin:1rem 0;color:var(--gorgon-green);text-shadow:0 0 10px var(--gorgon-green);animation:pulse 2s infinite alternate}.form-group{position:relative}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--neon-silver)}.form-control{width:100%;padding:.8rem 1rem;background:#0f0f23b3;border:1px solid rgba(255,215,0,.3);border-radius:5px;color:#fff;font-family:Rajdhani,sans-serif;font-size:1rem;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--neon-gold);box-shadow:0 0 10px #ffd7004d}.form-control.error{border-color:var(--neon-error);box-shadow:0 0 10px #ff2e7a80;animation:error-pulse .5s ease-in-out}.form-control::placeholder{font-family:Rajdhani,sans-serif;color:#fff9;font-weight:300}.form-control::-webkit-input-placeholder{font-family:Rajdhani,sans-serif;color:#fff9;font-weight:300}.form-control::-moz-placeholder{font-family:Rajdhani,sans-serif;color:#fff9;font-weight:300}.form-control:-ms-input-placeholder{font-family:Rajdhani,sans-serif;color:#fff9;font-weight:300}.form-control:-moz-placeholder{font-family:Rajdhani,sans-serif;color:#fff9;font-weight:300}.password-toggle{position:absolute;right:10px;background:none;border:none;color:var(--neon-silver);cursor:pointer;font-size:.9rem}.password-toggle:hover{color:var(--neon-gold)}.forgot-password{display:block;text-align:right;margin-top:.5rem;color:var(--neon-silver);text-decoration:none;font-size:.9rem;transition:color .3s ease}.forgot-password:hover{color:var(--neon-gold);text-decoration:underline}.login-button,.register-button{width:100%;padding:1rem;background:transparent;color:var(--neon-gold);border:2px solid var(--neon-gold);border-radius:50px;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.login-button:hover,.register-button:hover{color:var(--dark-bg);transform:translateY(-3px);box-shadow:0 0 20px #ffd70080}.login-button:before,.register-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-gold);transition:all .4s ease;z-index:-1}.login-button:hover:before,.register-button:hover:before{left:0}.terms{font-size:.8rem;color:#ffffffb3;margin:1rem 0;margin-top:0;text-align:center}.terms a{color:var(--neon-gold);text-decoration:none}.terms a:hover{text-decoration:underline}.back-to-login{display:block;text-align:center;margin-top:1rem;color:var(--neon-silver);text-decoration:none;font-size:.9rem;transition:color .3s ease}.back-to-login:hover{color:var(--neon-gold);text-decoration:underline}.error-container{padding:1rem;background:#ff2e7a1a;border:1px solid var(--neon-error);border-radius:5px;animation:error-appear .5s ease-out}.error-list{list-style:none;padding:0;margin:0}.error-item{color:var(--neon-error);font-size:.9rem;padding:.3rem 0;display:flex;align-items:center;text-shadow:0 0 5px rgba(255,46,122,.7)}.error-item:before{content:"⚠️";margin-right:.5rem;font-size:.8rem}.field-error{color:var(--neon-error);font-size:.8rem;margin-top:.3rem;display:flex;align-items:center;text-shadow:0 0 3px rgba(255,46,122,.5);animation:error-appear .3s ease-out}.field-error:before{content:"⮞";margin-right:.3rem;font-size:.7rem}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;border-radius:50%;animation:particleMove 20s infinite linear}@keyframes particleMove{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--tx),var(--ty));opacity:0}}@keyframes pulse{0%{opacity:.7;text-shadow:0 0 5px var(--gorgon-green)}to{opacity:1;text-shadow:0 0 15px var(--gorgon-green),0 0 25px var(--gorgon-green)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes error-pulse{0%{box-shadow:0 0 5px #ff2e7a4d}50%{box-shadow:0 0 15px #ff2e7ab3}to{box-shadow:0 0 10px #ff2e7a80}}@keyframes error-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-container,.register-container{padding:2rem}.aegis-title{font-size:2.8rem}.olymp-logo{font-size:1.5rem}.flip-card{height:650px}}@media (max-width: 480px){.login-container,.register-container{padding:1.5rem}.aegis-title{font-size:2.2rem}.flip-card{height:700px}.error-container{padding:.7rem}.error-item{font-size:.8rem}}