@import url(https://fonts.googleapis.com/css2?family=Anton&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{margin:0;padding:1rem;font-family:'Poppins','Anton','Helvetica Neue',Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9);color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh}.inviter-message,.error-message{font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;font-size:1.25rem;text-align:center;padding:16px 24px;margin-bottom:20px;color:#fff;border-radius:12px;background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9) padding-box , linear-gradient(135deg,#ffea00,#ff6ec4,#4361ee,#3f37c9) border-box;background-clip:padding-box , border-box;border:4px solid transparent;position:relative;text-shadow:1px 1px 2px rgba(58,12,163,.3);letter-spacing:.7px}.inviter-message::before,.error-message::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:12px;background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9) padding-box , linear-gradient(135deg,#ffea00,#ff6ec4,#4361ee,#3f37c9) border-box;background-clip:padding-box , border-box;border:4px solid transparent;z-index:-1;animation:borderShine 3s linear infinite}@keyframes borderShine {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}.login-video-container{width:100%;max-width:370px;margin:30px auto 40px auto;position:relative;overflow:hidden;border-radius:28px;box-shadow:0 10px 40px rgba(58,12,163,.3) , 0 4px 16px rgba(67,97,238,.2) , inset 0 0 25px rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:transform .4s ease;animation:fadeSlideIn 1s ease forwards}.login-video{width:100%;height:370px;object-fit:cover;display:block;border-radius:28px;filter:brightness(1.05) contrast(1.1);transition:transform .3s , filter .3s}.login-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;pointer-events:none;z-index:2;backdrop-filter:none}.video-text-overlay{position:absolute;top:10%;width:100%;text-align:center;z-index:3;padding:0 20px;color:#ffe6cc;text-shadow:0 0 12px rgba(255,152,0,.9);font-size:2rem;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:1px;animation:fadeIn 1.5s ease-out forwards}@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}@keyframes fadeSlideIn {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}.volume-toggle{position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,.5);border:none;padding:10px 12px;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;z-index:4;transition:background .3s}.volume-toggle:hover{background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9)}.container{background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9) padding-box , linear-gradient(135deg,#ffea00,#ff6ec4,#4361ee,#3f37c9) border-box;background-clip:padding-box , border-box;border:8px solid transparent;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:40px 30px;width:90%;max-width:300px;text-align:center;color:#fff;backdrop-filter:blur(12px);margin-bottom:30px;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif}.container img{width:100px;margin-bottom:20px;background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9) padding-box , linear-gradient(135deg,#ffea00,#ff6ec4,#4361ee,#3f37c9) border-box;background-clip:padding-box , border-box;border:4px solid transparent}.container h1{font-size:26px;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;margin-bottom:10px;color:#fff;background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9) padding-box , linear-gradient(135deg,#ffea00,#ff6ec4,#4361ee,#3f37c9) border-box;background-clip:padding-box , border-box;border:4px solid transparent;width:100%;max-width:300px;margin-left:auto;margin-right:auto;text-align:center;padding:10px 0;display:block;letter-spacing:1.5px;text-transform:uppercase}.container p{font-size:14px;margin-bottom:20px;color:#fff;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif}form{width:100%}.form-group{margin-bottom:20px;text-align:left}.form-group label{font-size:18px;font-weight:400;margin-bottom:6px;letter-spacing:.4px;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif}.icon-label{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:4px}.icon-square{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,#3a0ca3 0%,#7209b7 50%,#4361ee 100%);border-radius:8px;overflow:hidden;margin-right:8px;box-shadow:0 2px 8px rgba(67,97,238,.10);flex-shrink:0}.icon-square img{width:22px;height:22px;object-fit:contain;display:block;margin:0 auto}.form-group input{width:90%;padding:12px;border-radius:10px;border:none;background-color:rgba(255,255,255,.1);color:#fff;font-size:15px;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;transition:.3s}.form-group input::placeholder{color:#fff;font-weight:200;opacity:.85;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif}.form-group input:focus{outline:none;background-color:rgba(255,255,255,.15);box-shadow:0 6px 12px rgba(58,12,163,.5) , 0 12px 28px rgba(67,97,238,.4) , 0 18px 48px rgba(63,55,201,.35) , 0 4px 60px rgba(67,97,238,.3)}.checkbox-group{display:flex;align-items:center;font-size:14px;margin-bottom:20px;color:#fff;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif}.checkbox-group input{margin-right:10px}.btn{background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9);color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 6px 12px rgba(58,12,163,.5) , 0 12px 28px rgba(67,97,238,.4) , 0 18px 48px rgba(63,55,201,.35) , 0 4px 60px rgba(67,97,238,.3);letter-spacing:.7px;text-transform:uppercase}.btn:hover{background:linear-gradient(135deg,#3a0ca3,#7209b7,#4361ee,#3f37c9);transform:translateY(-2px)}#togglePassword{margin-top:10px;font-size:13px;background:#fff;color:#000;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif}footer{background:rgba(255,255,255,.08);padding:20px;text-align:center;margin-top:30px;color:#ffcc80;box-shadow:0 -4px 10px rgba(0,0,0,.3);backdrop-filter:blur(10px);font-family:'Anton','Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.6px}footer img{width:90px;filter:drop-shadow(0 0 10px #ff9100)}@media (max-width:600px){.container{padding:10px 20px}.container h1{font-size:22px}.container p{font-size:13px}.btn{font-size:15px}#togglePassword{font-size:12px;padding:5px 10px}footer img{width:60px}}