:root{--accent:#4f6ef7;--text-muted:#6b7280}.login-panel{width:480px;min-width:320px;padding:56px 52px}.logo-wrap img{object-fit:contain;width:80%}.icon-circle{background:#4f6ef71a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-top:40px;margin-bottom:20px;display:flex}.icon-circle svg{width:26px;height:26px;color:var(--accent);stroke:var(--accent)}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-top:24px;font-size:.88rem;text-decoration:none;transition:color .2s;display:flex}.back-link svg{width:16px;height:16px}.back-link:hover{color:var(--accent)}.content-panel{background:#0d1b4b;flex-direction:column;flex:1;justify-content:center;padding:64px;display:flex;position:relative;overflow:hidden}#bg-canvas{width:100%;height:100%;position:absolute;inset:0}.orb{filter:blur(80px);opacity:.45;border-radius:50%;animation:12s ease-in-out infinite alternate drift;position:absolute}.orb-1{background:radial-gradient(circle,#4f6ef7,#0000 70%);width:420px;height:420px;animation-delay:0s;top:-80px;right:-60px}.orb-2{background:radial-gradient(circle,#a855f7,#0000 70%);width:320px;height:320px;animation-delay:-4s;bottom:40px;left:40px}.orb-3{background:radial-gradient(circle,#06b6d4,#0000 70%);width:260px;height:260px;animation-delay:-8s;top:50%;left:50%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.content-text{z-index:2;position:relative}.content-text h1{color:#fff;margin-bottom:24px;font-family:Sora,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.25}.content-text h1 span{background:linear-gradient(90deg,#7da2ff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.content-text p{color:#ffffffa6;max-width:420px;font-size:1rem;line-height:1.75}.security-tips{z-index:2;flex-direction:column;gap:12px;margin-top:40px;display:flex;position:relative}.tip-item{align-items:flex-start;gap:12px;animation:.6s both fadeUp;display:flex}.tip-item:first-child{animation-delay:.1s}.tip-item:nth-child(2){animation-delay:.2s}.tip-item:nth-child(3){animation-delay:.3s}.tip-dot{background:linear-gradient(135deg,#7da2ff,#c084fc);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.tip-item span{color:#ffffffa6;font-size:.87rem;line-height:1.55}.tip-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff21;border-radius:16px;max-width:420px;margin-top:40px;padding:24px 28px;animation:.6s .2s both fadeUp;position:relative}.tip-card p{color:#ffffffb3;margin:0;font-size:.88rem;line-height:1.65}.tip-card .tip-title{color:#fff6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-family:Sora,sans-serif;font-size:.82rem;font-weight:700}.feature-chips{z-index:2;flex-wrap:wrap;gap:10px;margin-top:36px;display:flex;position:relative}.chip{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:6px 16px;font-size:.82rem;animation:.6s both fadeUp}.chip:first-child{animation-delay:.1s}.chip:nth-child(2){animation-delay:.2s}.chip:nth-child(3){animation-delay:.3s}.chip:nth-child(4){animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.login-root{flex-direction:column}.content-panel{display:none}.login-panel{width:100%;padding:40px 28px}}