@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
.auth-layout{color:#fff;background-color:#0a0a0a;width:100vw;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.auth-panel-interactive{flex-direction:column;flex:1;max-width:50%;padding:40px;display:flex;position:relative}.auth-logo{color:#fff;letter-spacing:-.03em;font-size:1.25rem;font-weight:700;text-decoration:none;position:absolute;top:40px;left:40px}.auth-form-container{flex-direction:column;gap:24px;width:100%;max-width:380px;margin:auto;display:flex}.auth-header h1{letter-spacing:-.02em;margin-bottom:8px;font-size:2rem;font-weight:700}.auth-header p{color:#888;font-size:.95rem;line-height:1.5}.google-auth-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.google-auth-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.google-icon{width:18px;height:18px}.auth-divider{text-align:center;color:#555;align-items:center;font-size:.85rem;display:flex;position:relative}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.auth-divider span{background:#0a0a0a;padding:0 10px}.auth-form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:#aaa;font-size:.85rem;font-weight:500}.input-group input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.input-group input:focus{background:#ffffff0f;border-color:#fff;outline:none}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;padding:10px;font-size:.85rem}.auth-submit-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .2s;display:flex}.auth-submit-btn:hover:not(:disabled){transform:scale(1.02)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-switcher{text-align:center;color:#888;margin-top:16px;font-size:.9rem}.switch-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-weight:600}.switch-btn:hover{text-decoration:underline}.auth-panel-tips{background:linear-gradient(145deg,#181818 0%,#0a0a0a 100%);border-left:1px solid #ffffff14;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.auth-panel-tips:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-20%;right:-20%}.tips-content{z-index:2;max-width:480px;position:relative}.tips-badge{letter-spacing:.1em;color:#ccc;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 12px;font-size:.65rem;font-weight:700;display:inline-flex}.tips-content h2{font-family:var(--font-serif,sans-serif);letter-spacing:-.02em;margin-bottom:40px;font-size:2.5rem}.tips-list{flex-direction:column;gap:40px;display:flex}.tip-item{gap:20px;display:flex}.tip-number{color:#444;padding-top:2px;font-family:inherit;font-size:.85rem;font-weight:600}.tip-text h3{color:#eee;margin-bottom:8px;font-size:1.05rem;font-weight:600}.tip-text p{color:#888;font-size:.9rem;line-height:1.6}@media (max-width:900px){.auth-layout{flex-direction:column}.auth-panel-interactive{max-width:100%;min-height:100vh}.auth-panel-tips{display:none}}