*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:radial-gradient(circle,#07121f,#000);justify-content:center;align-items:center;height:100vh;font-family:Inter,sans-serif;display:flex}.login-container{text-align:center;width:430px}.login-icon{background:#d4af37;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:flex}h1{margin-bottom:5px;font-size:20px}.subtext{color:#aaa;margin-bottom:25px;font-size:14px}.input-group{text-align:left;color:#d1d5db;margin-bottom:15px}.input-group label{margin-bottom:6px;font-size:13px;display:block}.input-box{color:#fff;background:#0f172a;border:1px solid #2a2a2a;border-radius:10px;outline:none;width:100%;padding:12px}.input-wrapper{position:relative}.input-icon{opacity:.6;width:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.icon-padding{padding-left:42px}.input-icon-right{opacity:.6;width:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.icon-padding-right{padding-left:42px;padding-right:42px}.options{color:#d1d5db;justify-content:space-between;margin:10px 0 20px;font-size:12px;display:flex}.options a{color:#d4af37;text-decoration:none}.login-btn{cursor:pointer;background:#d4af37;border:none;border-radius:10px;width:100%;padding:12px;font-weight:600}.divider{color:#fffa;align-items:center;margin:20px 0;font-size:12px;display:flex}.divider .line{background:#2a2a2a;flex:1;height:1px}.divider .text{margin:0 10px}.social{gap:10px;display:flex}.social button{color:#fff;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:10px;flex:1;padding:10px}.footer{color:#9ca3af;margin-top:20px;font-size:13px}.footer a{color:#d4af37;text-decoration:none}@media (max-width:768px){.login-container{width:90%}}@media (max-width:480px){body{align-items:flex-start;padding:15px}.login-container{width:100%;margin-top:40px}h1{font-size:18px}.subtext{font-size:13px}.input-box{padding:11px;font-size:14px}.icon-padding{padding-left:38px}.icon-padding-right{padding-left:38px;padding-right:38px}.input-icon{width:13px}.input-icon-right{width:16px}.login-btn{padding:11px;font-size:14px}.social{flex-direction:column}.social button{width:100%}.options{flex-direction:column;align-items:flex-start;gap:8px}.footer{text-align:center;font-size:12px}}@media (max-width:360px){h1{font-size:16px}.subtext{font-size:12px}.login-container{margin-top:20px}}