@import "https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400;1,700&family=Great+Vibes&display=swap";:root{--text-primary:#fff;--text-secondary:#dce6ffb3;--glass-bg:#ffffff14;--glass-border:#fff3;--card-hover:#ffffff40;--active-glow:0 0 15px #ffffff4d;--social-bg:#ffffff1a;--google-brand:#e76464;--twitter-brand:#1da1f2;--facebook-brand:#1877f2;--btn-transition:all .25s cubic-bezier(.4, 0, .2, 1)}.left-col{flex-direction:column;flex:1;min-width:320px;padding-right:40px;display:flex}.left-col h1{color:var(--text-primary);text-shadow:0 2px 10px #0003;margin-bottom:5px;font-family:Almendra,serif;font-size:clamp(1.8rem,4vw,2.4rem)}.brand-name{color:var(--text-primary);filter:drop-shadow(0 2px 4px #0000004d);margin:15px 0 30px 20px;font-family:Great Vibes,cursive;font-size:clamp(2rem,5vw,2.8rem)}.option-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);cursor:pointer;border:1px solid var(--glass-border);transition:var(--btn-transition);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;margin-bottom:16px;padding:14px;display:flex}.option-card:hover{background:var(--card-hover);border-color:#ffffff80;transform:translateY(-2px)}.option-card:active{transform:translateY(0)scale(.98)}.option-card.active{background:#ffffff4d;border-color:#fff;box-shadow:0 8px 20px #00000026}.option-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px;margin-right:15px}.option-text h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.option-text p{color:var(--text-secondary);margin:4px 0 0;font-size:.8rem;line-height:1.2}.social-login{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0;display:flex}.social-btn{border:1px solid var(--glass-border);background:var(--social-bg);min-width:100px;height:44px;color:var(--text-primary);cursor:pointer;transition:var(--btn-transition);border-radius:10px;flex:1;position:relative;overflow:hidden}.social-btn .text{font-size:.9rem;font-weight:500;transition:transform .3s,opacity .2s;display:block}.social-btn .icon{opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;transform:translate(-50%,-20%)scale(.5)}.social-btn:hover .text{opacity:0;transform:translateY(-10px)}.social-btn:hover .icon{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.social-btn.google:hover{background:var(--google-brand);color:var(--google-brand)}.social-btn.twitter:hover{background:var(--twitter-brand);border-color:var(--twitter-brand)}.social-btn.facebook:hover{background:var(--facebook-brand);border-color:var(--facebook-brand)}@media (max-width:768px){.left-col{text-align:center;margin-bottom:30px;padding-right:0}.brand-name{margin:10px auto 25px}.option-card{text-align:left;padding:10px}.option-img{width:40px;height:40px}.social-login{gap:8px}.social-btn{height:48px}}@media (max-width:400px){.social-login{flex-direction:column}.social-btn{width:100%}}