.container{max-width:900px}.left-col{flex-direction:column;flex:50%;padding-right:40px;display:flex}.left-col h1{letter-spacing:1px;margin-bottom:5px;font-family:Almendra,serif;font-size:2rem}.brand-name{color:var(--text-primary);margin:25px 0 25px 40px;font-family:Great Vibes,cursive;font-size:2.6rem;font-weight:400}.option-card{background:var(--card-bg);cursor:pointer;border:1px solid var(--glass-border);border-radius:10px;align-items:center;margin-bottom:14px;padding:12px;transition:transform .2s,background .3s;display:flex}.option-card:hover{background:var(--card-hover);transform:scale(1.03)}.option-card.active{border-color:#ffffff59}.option-img{object-fit:cover;border-radius:6px;width:52px;height:52px;margin-right:15px}.option-text h3{color:var(--text-primary);font-size:1rem;font-weight:600}.option-text p{opacity:.8;color:var(--text-secondary);font-size:.75rem;font-weight:300}.social-label{text-align:center;opacity:.8;margin-bottom:12px;font-size:.8rem}.social-login{justify-content:center;gap:15px;margin-bottom:15px;display:flex}.social-btn{background:var(--social-bg);width:110px;height:42px;color:var(--social-text);cursor:pointer;border:none;border-radius:8px;font-size:15px;font-weight:500;transition:background .3s,transform .15s;position:relative;overflow:hidden}.social-btn:active{transform:scale(.96)}.social-btn .icon{opacity:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0;transform:scale(.6)}.social-btn .icon svg{width:22px}.social-btn .text{transition:all .3s}.social-btn:hover .text{opacity:0}.social-btn:hover .icon{opacity:1;transform:scale(1)}.social-btn.google:hover{background:#f5f5f5}.social-btn.twitter:hover{color:#fff;background:#1da1f2}.social-btn.facebook:hover{color:#fff;background:#1877f2}:root{--bg-overlay:#fff6;--container-bg:#ffffffb3;--container-border:#0000001a;--text-primary:#1a1a1a;--text-secondary:#555;--card-bg:#fffc;--card-active:#ebf5ffe6;--input-bg:#f5f5f5;--input-text:#333;--btn-bg:#050a14;--btn-text:#fff}@media (prefers-color-scheme:dark){:root{--bg-overlay:#0a1e3c4d;--container-bg:#ffffff1a;--container-border:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--card-bg:#00000080;--card-active:#0a1932cc;--input-bg:#f5f5f5f2;--input-text:#333;--btn-bg:#fff;--btn-text:#050a14}}*{box-sizing:border-box;margin:0;padding:0}body{width:100%;height:100vh;color:var(--text-primary);background:url(/assets/background.png) 50%/cover no-repeat;justify-content:center;align-items:center;font-family:Poppins,sans-serif;transition:color .3s;display:flex;position:relative}.container{z-index:1;background:var(--container-bg);-webkit-backdrop-filter:blur(15px);border:1px solid var(--container-border);border-radius:20px;width:950px;max-width:95%;min-height:600px;padding:50px;transition:background .3s,border .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003}.right-col{flex-direction:column;flex:50%;justify-content:center;padding-left:40px;display:flex}.right-col h2{text-align:center;letter-spacing:1px;margin-bottom:15px;font-family:Almendra,serif;font-size:2rem}.status-msg{color:var(--text-secondary);text-align:center;margin-bottom:25px;font-size:.9rem;line-height:1.5}.right-col form{width:100%}.form-group{text-align:left;margin-bottom:18px}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}input[type=password]{background:var(--input-bg);width:100%;color:var(--input-text);border:none;border-radius:8px;outline:none;padding:13px 15px;font-size:.9rem;transition:all .3s}input[type=password]:focus{box-shadow:0 0 0 2px #0078ff4d}.btn-set{background:var(--btn-bg);width:100%;color:var(--btn-text);cursor:pointer;border:none;border-radius:8px;margin-top:15px;padding:13px;font-size:1rem;font-weight:600;transition:all .3s}.btn-set:hover{opacity:.9;transform:translateY(-2px)}.btn-set:active{transform:scale(.98)}