.id-main{min-height:calc(100vh - 68px);background:#f5f5f2}.id-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,540px);min-height:720px}.id-visual{position:relative;overflow:hidden;color:#fff;background:#1d1e1b}.id-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.72)}.id-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.08))}.id-visual-copy{position:relative;z-index:1;display:flex;min-height:100%;flex-direction:column;justify-content:flex-end;max-width:590px;padding:72px}.id-mark{margin:0 0 22px;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase}.id-visual h1{margin:0 0 20px;font-size:clamp(3rem,5vw,5.5rem);font-weight:400;line-height:.94;letter-spacing:-.06em}.id-visual p{max-width:440px;margin:0;color:rgba(255,255,255,.8);font-size:1rem;line-height:1.55}.id-panel{display:flex;align-items:center;padding:70px 72px;background:#fff}.id-card{width:100%;max-width:420px;margin:auto}.id-wordmark{display:flex;align-items:center;gap:12px;margin-bottom:42px}.id-wordmark img{width:155px;height:auto}.id-wordmark span{border-left:1px solid #bfc0bb;padding-left:12px;font-size:1.1rem;letter-spacing:.12em}.id-card h2{margin:0 0 10px;font-size:2.35rem;font-weight:400;letter-spacing:-.045em}.id-intro{margin:0 0 30px;color:#6b6c68;font-size:.82rem;line-height:1.5}.id-field{position:relative;margin-bottom:17px}.id-field label{display:block;margin-bottom:7px;font-size:.72rem;font-weight:500}.id-field input{width:100%;height:52px;border:1px solid #c9cac5;border-radius:3px;padding:0 14px;font:inherit;font-size:.83rem;outline:none}.id-field input:focus{border-color:#161714;box-shadow:0 0 0 2px rgba(22,23,20,.08)}.id-field input:invalid:not(:placeholder-shown){border-color:#9f3d36}.password-toggle{position:absolute;right:10px;bottom:8px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#5f605c;font-size:.68rem}.id-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.id-options{display:flex;align-items:center;justify-content:space-between;margin:5px 0 24px;font-size:.7rem}.id-options label{display:flex;align-items:center;gap:8px}.id-options a,.id-links a{color:inherit;text-underline-offset:3px}.id-submit{width:100%;height:52px;border:0;border-radius:999px;color:#fff;background:#151612;font-size:.8rem}.id-submit:hover{background:#292a26}.id-message{min-height:20px;margin:10px 0 0;text-align:center;color:#666;font-size:.7rem}.id-links{margin:26px 0 0;text-align:center;color:#62635f;font-size:.74rem}.id-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#999;font-size:.65rem}.id-divider::before,.id-divider::after{content:"";height:1px;flex:1;background:#dededa}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-login button{height:44px;border:1px solid #cfd0cb;border-radius:999px;background:#fff;font-size:.72rem}.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:-6px 0 20px;padding:0;list-style:none;color:#787975;font-size:.63rem}.password-rules li::before{content:"○";margin-right:6px}.password-rules li.is-valid{color:#2f6a43}.password-rules li.is-valid::before{content:"✓"}.id-note{margin:22px 0 0;color:#868783;font-size:.63rem;line-height:1.45}
.account-main{min-height:720px;padding:64px 0 90px;background:#f5f5f2}.account-hero{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.account-kicker{margin:0 0 8px;color:#777874;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase}.account-hero h1{margin:0;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:400;letter-spacing:-.055em}.account-signout{border:1px solid #bfc0bb;border-radius:999px;padding:10px 20px;background:transparent;font-size:.72rem}.account-grid{display:grid;grid-template-columns:240px 1fr;gap:28px}.account-nav{align-self:start;padding:20px;background:#fff;border-radius:6px}.account-nav a{display:block;padding:12px 14px;border-radius:4px;color:#565753;text-decoration:none;font-size:.78rem;transition:color .2s ease,background-color .2s ease}.account-nav a.active{color:#fff;background:#171814}.account-content{display:grid;gap:22px}.account-card{scroll-margin-top:104px;padding:30px;background:#fff;border-radius:6px}.account-card-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:24px}.account-card h2{margin:0 0 6px;font-size:1.35rem;font-weight:500}.account-card-header p{margin:0;color:#747571;font-size:.72rem}.account-card-header a{color:#3e3f3c;font-size:.7rem}.profile-summary{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center}.profile-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff;background:#181916;font-size:1.3rem}.profile-summary h3{margin:0 0 5px;font-size:1.1rem}.profile-summary p{margin:0;color:#72736f;font-size:.75rem}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;background:#dededa}.account-stat{padding:18px;background:#fafaf8}.account-stat strong,.account-stat span{display:block}.account-stat strong{font-size:1.4rem;font-weight:500}.account-stat span{margin-top:4px;color:#757672;font-size:.66rem}.empty-state{padding:26px;border:1px solid #e0e0dc;border-radius:4px;text-align:center}.empty-state p{margin:0 0 16px;color:#72736f;font-size:.76rem}.empty-state a{display:inline-block;padding:10px 18px;border-radius:999px;color:#fff;background:#171814;text-decoration:none;font-size:.7rem}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.device-card{position:relative;min-height:170px;overflow:hidden;border-radius:5px;background:#e8e8e5}.device-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.device-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 65%)}.device-card div{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;color:#fff}.device-card h3{margin:0 0 4px;font-size:.95rem}.device-card p{margin:0;color:rgba(255,255,255,.75);font-size:.65rem}.security-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #e1e1dd}.security-row:first-of-type{border-top:0}.security-row strong,.security-row span{display:block}.security-row strong{font-size:.78rem}.security-row span{margin-top:3px;color:#777874;font-size:.66rem}.security-row a{padding:8px 14px;border:1px solid #c8c9c4;border-radius:999px;color:#222;text-decoration:none;font-size:.66rem}
.two-factor-dialog{width:min(560px,calc(100% - 30px));border:0;border-radius:12px;padding:0;color:#171815;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.25)}.two-factor-dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}.two-factor-dialog-inner{padding:30px}.two-factor-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.two-factor-dialog-head small{display:block;margin-bottom:8px;color:#777874;font-size:.62rem;letter-spacing:.18em}.two-factor-dialog-head h2{margin:0;font-size:1.65rem;font-weight:500;letter-spacing:-.035em}.two-factor-dialog-head button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#efefec;font-size:1.25rem}.two-factor-copy{margin:0 0 22px;color:#666762;font-size:.78rem;line-height:1.55}.two-factor-steps{display:grid;gap:18px;margin:0 0 22px;padding:0;list-style:none;counter-reset:two-factor}.two-factor-steps li{position:relative;padding-left:38px;color:#565752;font-size:.76rem;line-height:1.5;counter-increment:two-factor}.two-factor-steps li::before{content:counter(two-factor);position:absolute;left:0;top:-3px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #c7c8c3;border-radius:50%;color:#222;font-size:.65rem}.two-factor-secret{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.two-factor-secret code{overflow:auto;padding:11px 12px;border-radius:4px;background:#f2f2ef;font-size:.75rem;letter-spacing:.08em}.two-factor-secret button{border:1px solid #c7c8c3;border-radius:4px;padding:0 14px;background:#fff;font-size:.68rem}.two-factor-dialog form{display:grid;gap:15px}.two-factor-dialog .id-field{margin:0}.two-factor-recovery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.two-factor-recovery code{padding:10px;border-radius:4px;background:#f2f2ef;text-align:center;font-size:.72rem;letter-spacing:.08em}.two-factor-warning{padding:13px 15px;border-radius:5px;color:#6d5520;background:#fff6dc;font-size:.7rem;line-height:1.5}.two-factor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.two-factor-secondary{min-height:42px;border:1px solid #bfc0bb;border-radius:999px;padding:0 18px;background:#fff;font-size:.72rem}.two-factor-dialog .id-submit{min-height:46px;height:auto}.two-factor-dialog .id-message{margin:0}
@media(max-width:991.98px){.id-layout{grid-template-columns:1fr}.id-visual{min-height:360px}.id-visual-copy{padding:50px 30px}.id-panel{padding:58px 30px}.account-grid{grid-template-columns:1fr}.account-nav{display:flex;overflow:auto}.account-nav a{white-space:nowrap}}
@media(max-width:575.98px){.id-visual{min-height:300px}.id-visual-copy{padding:38px 20px}.id-visual h1{font-size:3rem}.id-panel{padding:45px 20px}.id-row,.social-login,.device-grid{grid-template-columns:1fr}.id-card h2{font-size:2rem}.account-main{padding:42px 0 65px}.account-hero{align-items:start}.account-hero h1{font-size:2.75rem}.account-grid{gap:18px}.account-card{padding:22px}.account-stats{grid-template-columns:1fr}.account-card-header{display:block}.account-card-header a{display:inline-block;margin-top:10px}}
@media(min-width:992px){body[data-auth-page="login"] .id-layout,body[data-auth-page="reset"] .id-layout{min-height:calc(100vh - 68px);min-height:calc(100dvh - 68px)}.account-nav{position:sticky;top:88px;max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px);overflow:auto}}