@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;overscroll-behavior:none;scroll-behavior:smooth;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;list-style:none}*::-webkit-scrollbar{display:none}:root{--clr-black: #170505;--clr-white: #ffffff;--clr-primary: #be2626;--clr-secondary: #7c0000;--clr-accent: #d3d0cf;--clr-background: #F9FAFB;--shadow-soft: 0 4px 8px rgba(54,65,86,.15);--shadow-elevated: 0 8px 24px rgba(1,22,56,.15);--shadow-primaryGlow: 0 0 10px rgba(190,38,38,.4);--shadow-softBorder: 0 0 6px rgba(205,205,205,.4)}.dark-mode{--clr-black: #f3ebeb;--clr-white: #1a1a1a;--clr-primary: #ff4c4c;--clr-secondary: #a30000;--clr-accent: #444040;--clr-background: #121212}h1,h2,h3,h4,h5{font-weight:700}html{font-size:100%}h1{font-size:2.5rem}h2{font-size:2rem}h3,p{font-size:1rem}html,body{width:100%;height:100%;overflow:hidden;background:var(--clr-white);color:var(--clr-black)}body{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden}#form{background:transparent;box-shadow:none;border-radius:20px;width:100%;max-width:500px;animation:fadeIn .6s ease;display:flex;flex-direction:column;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}#form .top{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--clr-black);margin-top:20px}#form{position:relative;background:transparent;box-shadow:none;border-radius:20px;width:100%;max-width:500px;animation:fadeIn .6s ease;display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.nav-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:100%;pointer-events:none}#form .top,#form .bottom{position:absolute;bottom:0;pointer-events:auto}#form img{width:125px;height:125px}#form .title{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}#form .title h2{color:var(--clr-black)}#form .top .span{cursor:pointer;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:5px;transition:.2s ease}#form .top .span:hover{transform:scale(1.05);color:var(--clr-primary);text-shadow:var(--shadow-soft)}#form form{width:100%;margin-top:30px}#form form .box{display:none;flex-direction:column;gap:15px;opacity:0;transform:translateY(10px);transition:.3s ease}#form form .box.active{display:flex;opacity:1;transform:translateY(0)}#form form h2{color:var(--clr-black);text-align:center}#form form p{text-align:center;font-style:italic;color:var(--clr-black);margin-bottom:20px;padding:0 25px}#form a{color:var(--clr-black);cursor:pointer;margin:0 5px}#form a:hover,#form a:active{color:var(--clr-primary)}#form form input,#form form select{width:100%;padding:10px;border:1px solid var(--clr-accent);border-radius:10px;background:var(--clr-background);transition:.2s ease}#form form input:focus,#form form select:focus{border-color:var(--clr-primary);box-shadow:var(--shadow-soft);background:var(--clr-white)}#form form input::placeholder,#form form select::placeholder{color:#aaa}#form form .input-error::placeholder{color:red!important}#form form .password-wrapper{position:relative}#form form .password-wrapper input{width:100%;padding-right:40px}#form form .toggle-password{display:flex;position:absolute;justify-content:center;align-items:center;height:fit-content;width:fit-content;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;color:#888}#form .bottom{display:flex;justify-content:center;align-items:center;gap:20px;width:75%;margin-bottom:3px}#form .bottom li{text-align:center;color:var(--clr-primary);opacity:.6;transition:.2s ease}#form .bottom li.active{opacity:1}#form .bottom li .icon{margin:0 auto;width:10px;height:10px;border:3px solid var(--clr-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem}#form .bottom li.active .icon{background:var(--clr-primary);color:var(--clr-white);box-shadow:var(--shadow-primaryGlow)}#form .bottom li span{display:block;margin-top:5px;font-size:.8rem;font-weight:700}#form.single form .box{display:flex;flex-direction:column;gap:20px;opacity:1;transform:none}#form.single .top{justify-content:center}#form.single .top .span,#form.single .bottom{display:none}#form.single form button{margin-top:20px;background:var(--clr-primary);color:var(--clr-white);border:none;padding:10px;font-weight:700;border-radius:10px;transition:.3s ease;cursor:pointer}#form.single form button:hover{background:var(--clr-secondary);color:var(--clr-white)}.toast{position:fixed;bottom:30px;right:30px;background-color:var(--clr-primary);color:var(--clr-white);padding:12px 20px;border-radius:8px;font-size:.9rem;opacity:0;transform:translateY(50px);transition:.3s ease;z-index:9999}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background-color:#0d47a1}.toast.error{background-color:var(--clr-primary)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999}.spinner{width:50px;height:50px;border:6px solid var(--clr-white);border-top:6px solid var(--clr-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none}@media screen and (max-width: 500px){#form{padding:30px 20px}#form form .box{gap:10px}}