.main-content{padding-block:clamp(2rem, 4vw, 3.5rem) clamp(3rem, 6vw, 5rem)}.profile-container{width:100%;max-width:62rem;margin-inline:auto;padding-inline:var(--gutter)}.masthead .nav-menu{display:none}@media (min-width:1020px){.masthead .nav-menu{display:flex;gap:2.1rem}}.masthead .nav-menu a{text-decoration:none;font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--bone-2);white-space:nowrap}.masthead .nav-menu a:hover{color:#fff}.masthead .nav-menu a[aria-current]{color:#fff;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, .55);padding-bottom:3px}@media (max-width:1019px){.masthead .nav-menu.active{display:grid;gap:0;position:absolute;left:0;right:0;top:100%;z-index:120;background:var(--panel);border-top:1px solid var(--hair);padding:.5rem var(--gutter) 1rem}.masthead .nav-menu.active a{padding:.85rem 0;border-bottom:1px solid var(--hair)}}.masthead{position:relative}.masthead .nav-menu a i{display:none}#displayName{font-family:var(--display);font-weight:500;font-size:clamp(1.58rem, 3.65vw, 2.38rem);line-height:1.05;letter-spacing:-.015em;margin:0 0 .4rem;color:var(--bone)}.profile-container h2{font-family:var(--display);font-weight:500;font-size:clamp(1.07rem, 2.14vw, 1.35rem);line-height:1.2;color:var(--bone);margin:0}.card{background:var(--void);border:1px solid var(--hair);border-radius:2px;margin-bottom:1.75rem}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--hair)}.card-body{padding:1.5rem}.info-item{display:grid;gap:.2rem;padding:.95rem 0;border-top:1px solid var(--hair)}.info-item:first-child{border-top:0;padding-top:0}@media (min-width:560px){.info-item{grid-template-columns:11rem 1fr;gap:1rem;align-items:baseline}}.info-item.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.info-item.profile-actions>.btn, .info-item.profile-actions>.btn-primary, .info-item.profile-actions>.btn-outline{flex:none;white-space:nowrap}@media (min-width:760px){.info-item--action{grid-template-columns:11rem 1fr auto;align-items:center}.info-item--action>.btn, .info-item--action>.btn-outline{justify-self:end;white-space:nowrap}}.info-item:not(.profile-actions)>:first-child{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-3)}.profile-support{margin:1.5rem 0 0;font-size:.94rem;line-height:1.6;color:var(--bone-2)}.profile-support a{color:var(--pen);text-underline-offset:2px}.info-value{font-size:.96rem;line-height:1.55;color:var(--bone);overflow-wrap:anywhere}.data-desc{margin:0;font-size:.9rem;line-height:1.6;color:var(--bone-2);max-width:52ch}.deletion-banner{margin:0 0 2rem;padding:1.15rem 1.35rem;border-left:3px solid var(--sev-1);background:rgba(193, 39, 45, .06)}.deletion-banner-content{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem}.deletion-banner-message{flex:1 1 22rem;font-size:.95rem;line-height:1.6;color:var(--bone)}.deletion-banner-message b, .deletion-banner-message strong{color:var(--sev-1)}.btn-danger-outline{display:inline-flex;align-items:center;gap:.5rem;flex:none;padding:.8rem 1.3rem;border-radius:2px;cursor:pointer;font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;white-space:nowrap;background:#fff;color:var(--sev-1);border:1px solid var(--sev-1);transition:background .12s ease, color .12s ease}.btn-danger-outline:hover{background:var(--sev-1);color:#fff}.btn-danger-outline:focus-visible{outline:2px solid var(--pen);outline-offset:3px}.badge, [class*="badge-"]{display:inline-block;padding:.3rem .65rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;border:1px solid transparent}.badge-primary{background:var(--pen);color:#fff;border-color:var(--pen)}.badge-warning{background:transparent;color:var(--sev-2);border-color:var(--sev-2)}.btn, .btn-primary, .btn-secondary, .btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:2px;cursor:pointer;font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border:1px solid var(--pen);background:var(--pen);color:#fff;transition:background .12s ease, color .12s ease, border-color .12s ease}.btn:hover, .btn-primary:hover{background:transparent;color:var(--pen)}.btn-secondary, .btn-outline{background:transparent;color:var(--bone-2);border-color:var(--hair-firm)}.btn-secondary:hover, .btn-outline:hover{border-color:var(--pen);color:var(--pen)}#deleteAccountBtn{background:transparent;color:var(--sev-1);border-color:var(--sev-1)}#deleteAccountBtn:hover{background:var(--sev-1);color:#fff}#confirmDeleteBtn{background:var(--sev-1);color:#fff;border-color:var(--sev-1)}#confirmDeleteBtn:hover{background:#a01f24;border-color:#a01f24;color:#fff}.modal-footer .btn-secondary{background:transparent}.btn[disabled], .btn-primary[disabled]{opacity:.55;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.45rem;font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-2)}.form-group label .req{margin-left:.25rem;color:var(--sev-1, #c1272d);font-weight:600}.form-group input, .form-group select, .form-group textarea{width:100%;display:block;padding:.85rem 1rem;font-family:var(--sans);font-size:.96rem;line-height:1.5;color:var(--bone);background:var(--void);border:1px solid var(--hair-firm);border-radius:2px}.form-group input:focus, .form-group select:focus, .form-group textarea:focus{outline:none;border-color:var(--pen)}.toggle-password{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;color:var(--bone-3);padding:.4rem}.toggle-password:hover{color:var(--bone)}.password-strength{height:2px;background:var(--hair);margin-top:.6rem}.password-strength-fill{display:block;height:100%;background:var(--sev-2);transition:width .2s ease}.strength-text, .requirement{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-2)}.requirement{display:flex;align-items:baseline;gap:.5rem;margin-top:.35rem}.requirement::before{content:"○";font-size:.8em;color:var(--bone-3)}.requirement.met{color:var(--bar)}.requirement.met::before{content:"✓";color:var(--bar)}.requirements-title{margin:.9rem 0 .5rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3)}.toggle-password{min-width:2rem;min-height:2rem;font-size:.9rem}.modal{display:none;position:fixed;inset:0;z-index:400;background:rgba(15, 17, 19, .78);padding:clamp(1rem, 4vw, 3rem);overflow:auto;align-items:center;justify-content:center}.modal.active, .modal.show{display:grid}.modal-content{width:100%;max-width:34rem;margin:auto;background:var(--void);border:1px solid var(--hair-firm);border-radius:2px}.modal-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--hair)}.modal-body{padding:1.5rem}.modal-body p{margin:0 0 1rem;font-size:.96rem;line-height:1.62;color:var(--bone)}.modal-footer{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding:1.2rem 1.5rem;border-top:1px solid var(--hair)}.close-btn{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin:-.6rem -.7rem -.6rem 0;background:none;border:0;cursor:pointer;border-radius:2px;font-size:1.6rem;line-height:1;color:var(--bone-2)}.close-btn:hover{color:var(--bone);background:var(--panel)}.close-btn:focus-visible{outline:2px solid var(--pen);outline-offset:-2px}.form-group select{appearance:none;-webkit-appearance:none;padding-right:2.6rem;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--bone-2) 50%), linear-gradient(135deg, var(--bone-2) 50%, transparent 50%);background-position:calc(100% - 1.15rem) calc(50% + 1px), calc(100% - .8rem) calc(50% + 1px);background-size:6px 6px, 6px 6px;background-repeat:no-repeat}.modal-message{margin-top:1rem;padding:.8rem 1rem;font-size:.92rem;line-height:1.55;border-left:3px solid transparent}.modal-message.error{background:rgba(193, 39, 45, .07);border-left-color:var(--sev-1, #c1272d);color:var(--sev-1, #c1272d)}.modal-message.success{background:rgba(0, 110, 70, .08);border-left-color:var(--bar, #006e46);color:var(--bar-ink, #005c3a)}.is-wrong{border-color:var(--sev-1, #c1272d) !important}#pendingDeletionBanner{padding:1.1rem 1.25rem;margin-bottom:1.75rem;background:rgba(193, 39, 45, .07);border-left:3px solid var(--sev-1);font-size:.95rem;line-height:1.6}#toastContainer{position:fixed;right:1.25rem;bottom:1.25rem;z-index:500;display:grid;gap:.6rem}#toastContainer>*{padding:.85rem 1.1rem;background:var(--bone);color:var(--void);border-radius:2px;font-size:.9rem;max-width:22rem}#loadingScreen{position:fixed;inset:0;z-index:900;display:grid;place-content:center;justify-items:center;gap:1rem;background:var(--void);font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-3)}#loadingScreen.hidden{display:none}@media (max-width:559px){.btn.btn-outline, .btn.btn-primary{width:100%;padding-inline:.9rem;white-space:normal;text-align:center;justify-content:center}}.ico{width:1em;height:1em;vertical-align:-0.15em}.icon-spin{animation:ico-spin 1s linear infinite}@keyframes ico-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.icon-spin{animation:none}}#app-loader{position:fixed;inset:0;z-index:9999;background:linear-gradient(to bottom, #f9fafb, #f3f4f6);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 0.5s ease-out}.spinner-ring{width:50px;height:50px;border:3px solid rgba(99, 102, 241, 0.1);border-top-color:#16365c;border-radius:50%;animation:spin 0.8s linear infinite}.loader-text{margin-top:20px;color:#6b7280;font-size:0.85rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.profile-actions--rule{border-top:1px solid rgba(99, 102, 241, .1);padding-top:1rem;margin-top:.25rem}.form--bare{margin:0;padding:0}.textarea--full{width:100%;resize:vertical}.google-mark{vertical-align:middle;margin-right:8px;flex-shrink:0}.is-hidden{display:none}