*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:#07164b;background:radial-gradient(circle at 50% 0%,rgba(29,139,255,.15),transparent 34%),linear-gradient(180deg,#fbfdff,#f1f8ff);display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;padding:16px max(20px,calc((100vw - 1100px)/2));background:#ffffffed;border-bottom:1px solid #e0ebf9}.top a{text-decoration:none;color:#07164b;font-size:24px;font-weight:900}.top a span{color:#0879ff}.top small{font-weight:bold;color:#4381c7;letter-spacing:2px}.page{flex:1;display:grid;place-items:center;padding:28px 15px}.card{width:100%;max-width:480px;padding:28px;border:1px solid #d8e8fa;background:#ffffffec;box-shadow:0 18px 50px #2157a51c;border-radius:22px}h1{font-size:26px;margin:0 0 9px}p{color:#6375a5;line-height:1.55}.tag{font-size:12px;color:#0879ff;font-weight:bold;letter-spacing:1px}.field{margin-top:14px}label{font-size:13px;font-weight:bold;display:block;margin-bottom:7px}input{width:100%;border:1px solid #ccdef5;border-radius:11px;padding:13px;font:inherit;background:#fff;color:#07164b}input:focus{outline:2px solid #80c8ff}.btn{border:0;cursor:pointer;display:block;text-align:center;width:100%;padding:13px 15px;border-radius:11px;margin-top:19px;font-weight:bold;font-size:15px;background:linear-gradient(120deg,#1ebcf0,#1577fa);color:white;text-decoration:none}.links{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.links a{color:#116bdc;text-decoration:none;font-size:13px}.msg{padding:12px;border-radius:10px;margin:15px 0;font-size:14px;background:#e7f6ee;color:#126a43}.err{background:#fff0f0;color:#9c2435}footer{text-align:center;color:#8392af;padding:15px;font-size:11px}.balance{font-size:38px;font-weight:900;color:#0d79e6}.muted{font-size:12px;color:#7a88a3}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf2f8;padding:10px 0;font-size:13px}.row:last-child{border:0}

/* Personal v0.3 login/registration visual layer - existing account and verification remain compatible */
.card:has(.auth-head){max-width:600px;padding:30px 34px}.auth-head{text-align:left;margin-bottom:24px}.auth-head h1{font-size:29px;margin:7px 0 9px}.auth-head p{margin:0}.social-stack{display:grid;gap:10px}.social-option{width:100%;min-height:56px;border:1px solid #ccdaec;background:#fff;border-radius:15px;display:flex;align-items:center;gap:14px;padding:11px 15px;color:#09265c;font:700 14px Arial,sans-serif;text-align:left}.social-option:disabled{cursor:not-allowed;opacity:.69}.social-option span:nth-child(2){flex:1}.social-option small{font-size:10px;color:#6180aa;font-weight:600;white-space:nowrap}.social-mark{width:24px;text-align:center;font-size:21px;font-weight:900;color:#116de2}.google-mark{color:#4285f4}.apple-mark{color:#243b64}.or-divider{display:flex;align-items:center;gap:14px;margin:24px 0 18px;color:#788ab0;font-size:12px;font-weight:700}.or-divider:before,.or-divider:after{content:"";height:1px;background:#dce7f6;flex:1}.card:has(.auth-head) .field{margin-top:17px}.card:has(.auth-head) .field label{font-size:13px;margin-bottom:9px}.card:has(.auth-head) .field input:not([type=checkbox]){min-height:51px;border-radius:14px;padding:13px 16px}.password-field{position:relative}.password-field input{padding-right:96px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;padding:10px 8px;cursor:pointer;color:#1a70d4;font-weight:700;font-size:12px}.accept-label{display:flex;gap:12px;align-items:flex-start;margin:22px 0 7px;font-size:12px;line-height:1.6;color:#183768}.accept-label input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:#167bff}.accept-label a,.auth-bottom a,.auth-switch a{color:#0d6fdf}.legal-note{margin:5px 0 0}.auth-switch{font-size:13px;text-align:center;color:#284572;margin:24px 0}.auth-switch a{font-weight:800}.auth-bottom{border-top:1px solid #dfebf8;padding-top:15px}.auth-bottom p{font-size:11px;line-height:1.6;margin:0 0 11px}.auth-bottom .links{margin-top:13px}.card:has(.auth-head) .btn{min-height:51px;border-radius:14px;margin-top:22px}@media(max-width:600px){.card:has(.auth-head){padding:23px 20px}.social-option{padding:10px 12px;font-size:12px;gap:9px}.social-option small{font-size:9px}.auth-head h1{font-size:25px}}