@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;body,html{margin:0;padding:0;font-family:Apple chancery,cursive;height:100%;overflow:hidden;background:linear-gradient(135deg,#001f3f,#003f88,#007bff);color:#fff}.container{height:100vh;overflow:hidden;perspective:1000px}.splash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#003f88,#011e3d,#282829);z-index:10}.logo{width:120px;height:120px;background:#fff;padding:20px;border-radius:50%;box-shadow:0 0 40px #00c8ff80}.title{margin-top:20px;font-size:2rem;background:linear-gradient(to right,#00e0ff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{margin-top:15px;font-size:1.1rem;color:#cce7ff;text-align:center;width:80%}.main{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{padding:25px 60px}.logo-container{display:flex;align-items:center;gap:15px}.mini-logo{width:70px;height:70px;background:#fff;padding:8px;border-radius:50%}.brand{font-size:1.6rem;background:linear-gradient(to right,#00e0ff,#0af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-auth-wrapper{flex:1;display:grid;grid-template-columns:1.6fr .8fr;align-items:center;padding:0 120px;gap:80px;overflow:hidden}.hero-left{text-align:left;max-width:720px}.headline{font-size:2.8rem;background:linear-gradient(to right,#00e0ff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subheadline{font-size:2rem;color:#b3d9ff}.description{margin-top:20px;font-size:1.1rem;color:#cce7ff;line-height:1.6}.headline:after,.subheadline:after,.description:after{content:"|";animation:blink 1s infinite;margin-left:4px}@keyframes blink{0%,50%,to{opacity:0}25%,75%{opacity:1}}.registration-card{width:350px;justify-self:end;align-self:start;margin-top:40px;perspective:1200px}.card-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .8s ease}.registration-card.signup .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;padding:30px;backface-visibility:hidden;background:#0009;border-radius:15px;box-shadow:0 10px 30px #00000080}.card-back{transform:rotateY(180deg)}.card-front input,.card-back input{width:100%;margin:10px 0;padding:12px;border-radius:10px;border:none}.btn{width:100%;padding:12px;margin-top:10px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(to right,#00c6ff,#0072ff);color:#fff}.btn:hover{transform:scale(1.05);box-shadow:0 0 20px #0ff9}.toggle{display:block;margin-top:15px;text-align:center;color:#00e0ff}.socials{display:flex;gap:10px}.extras{display:flex;justify-content:space-between;font-size:.8rem}.footer{text-align:center;padding:20px 0;font-size:.9rem;opacity:.8;color:#a5d8ff}.registration-form-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:50}.registration-form{background:#0a1a2f;width:70%;max-width:800px;padding:30px;border-radius:15px;display:flex;flex-direction:column}.registration-form input{margin:10px 0;padding:12px;border-radius:10px;border:none}.form-buttons{display:flex;justify-content:space-between;margin-top:15px}.btn.cancel-btn{background:#555;color:#fff}
