:root{--kibi-coral:#FF4466;--kibi-coral-glow:rgba(255, 68, 102, 0.35);--kibi-teal:#00C9A7;--kibi-purple:#845EC2;--space-bg:#03050a;--space-bg-light:#0a0e29;--space-border:rgba(255, 255, 255, 0.08);--text-primary:#F8FAFC;--text-secondary:rgba(248, 250, 252, 0.65);--text-muted:rgba(248, 250, 252, 0.4);--glass:rgba(10, 14, 41, 0.7);--glass-border:rgba(255, 255, 255, 0.1);--error:#FF4466;--success:#00C9A7;--radius-md:16px;--radius-lg:28px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,sans-serif;color:var(--text-primary);background:var(--space-bg);min-height:100vh;overflow-x:hidden;line-height:1.5}#starfield{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,var(--space-bg-light) 0,var(--space-bg) 100%);overflow:hidden}.star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 4px rgba(255,255,255,.8);animation:twinkle 5s ease-in-out infinite alternate;opacity:.3}@keyframes twinkle{0%{opacity:.1;transform:scale(.8)}100%{opacity:.9;transform:scale(1.3)}}.toast-container{position:fixed;top:80px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:none}.toast{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 20px;color:var(--text-primary);font-size:14px;font-weight:500;box-shadow:0 10px 40px rgba(0,0,0,.4);transform:translateX(120%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:auto;display:flex;align-items:center;gap:12px}.toast.show{transform:translateX(0);opacity:1}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.loader-overlay{position:fixed;inset:0;background:rgba(3,5,10,.85);backdrop-filter:blur(10px);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .3s}.loader-overlay.hidden{opacity:0;pointer-events:none}.loader-spinner{width:56px;height:56px;border:3px solid var(--space-border);border-top-color:var(--kibi-coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{color:var(--text-secondary);font-size:15px;font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}.auth-top-nav{position:absolute;top:0;left:0;width:100%;padding:24px 32px;z-index:10}.top-back-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 18px 10px 14px;border-radius:50px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.top-back-link:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.auth-wrapper{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 40px}.auth-card{position:relative;width:100%;max-width:420px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:40px 36px 32px;backdrop-filter:blur(24px);box-shadow:0 25px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;display:flex;flex-direction:column;align-items:center}.auth-card-glow{position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,var(--kibi-coral-glow) 0,transparent 70%);pointer-events:none}.card-logo{background:#fff;padding:6px 14px;border-radius:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 24px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.05);margin-bottom:24px}.logo-svg{height:22px;width:auto;display:block}.auth-thumbnail{width:130px;height:130px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.3);margin-bottom:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-thumbnail img{width:100%;height:100%;object-fit:cover;transform:scale(1.45) translateY(4%);transform-origin:center}.auth-header{text-align:center;margin-bottom:32px;width:100%}.auth-header h1{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:4px}#authForm{width:100%}.field-group{margin-bottom:24px;position:relative}label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;margin-left:4px;letter-spacing:.3px}input{width:100%;padding:16px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:18px;font-weight:600;letter-spacing:1.5px;text-align:center;text-transform:lowercase;transition:all .3s cubic-bezier(.4, 0, .2, 1);outline:0;box-shadow:inset 0 2px 8px rgba(0,0,0,.2)}input#loginId{font-size:24px;letter-spacing:4px;font-weight:700;text-transform:lowercase}input:focus{border-color:var(--kibi-coral);background:rgba(255,68,102,.05);box-shadow:inset 0 2px 8px rgba(0,0,0,.2),0 0 0 3px rgba(255,68,102,.15);transform:translateY(-1px)}input.error{border-color:var(--error);background:rgba(255,68,102,.06)}.pin-wrap{position:relative}.pin-wrap input{font-size:28px;letter-spacing:12px;padding:14px 48px 14px 16px;text-transform:none}.toggle-pin{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px;transition:color .2s}.toggle-pin:hover{color:var(--text-primary)}.field-error{display:block;font-size:13px;color:var(--error);margin-top:8px;min-height:18px;font-weight:600;text-align:center}.btn-submit{width:100%;padding:18px;background:linear-gradient(135deg,var(--kibi-coral),#e85a28);color:#fff;border:none;border-radius:50px;font-family:Outfit,sans-serif;font-size:18px;font-weight:800;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px var(--kibi-coral-glow),inset 0 2px 0 rgba(255,255,255,.2);margin-top:8px}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,68,102,.4),inset 0 2px 0 rgba(255,255,255,.3)}.btn-submit:active{transform:translateY(0)}.auth-footer{text-align:center;margin-top:32px;width:100%}.auth-footer p{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.link-btn{display:inline-block;background:rgba(255,255,255,.05);padding:10px 20px;border-radius:20px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;border:1px solid rgba(255,255,255,.1)}.link-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.trust-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--space-border);width:100%}.trust-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.trust-icon{color:var(--kibi-teal);opacity:.9}.trust-dot{opacity:.25;font-size:10px;color:var(--text-muted)}@media (max-width:480px){.auth-top-nav{padding:16px 20px}.auth-card{padding:32px 24px 24px;border-radius:24px}.auth-thumbnail{width:100px;height:100px}.auth-header h1{font-size:24px}input{font-size:16px;padding:14px 16px}.pin-wrap input{font-size:24px;letter-spacing:8px}.btn-submit{font-size:16px;padding:16px}.toast-container{left:16px;right:16px;max-width:none;top:16px}}