:root{--ink:#17252b;--muted:#71807e;--paper:#f5f5ef;--white:#fff;--orange:#f2673b;--yellow:#f3c84b;--aqua:#a8d8d4;--navy:#17363b;--line:#d8ddd7;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:14px}.settings-header,main,footer{width:min(1080px,calc(100% - 80px));margin:0 auto}.settings-header{height:95px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.06em}.brand>span:last-child span{color:var(--orange)}.logo{width:31px;height:31px;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:20px}.back-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:3px}.back-link b{color:var(--orange);margin-left:8px}.settings-layout{border-top:1px solid var(--line);padding:75px 0 110px;display:grid;grid-template-columns:38% 1fr;gap:100px;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;color:var(--orange);margin:0 0 17px}.settings-intro h1{font-family:var(--display);font-size:clamp(60px,7vw,88px);line-height:.88;letter-spacing:-.1em;margin:0}.settings-intro h1 em{font-style:normal;color:var(--orange)}.settings-intro>p:not(.eyebrow){color:var(--muted);max-width:280px;line-height:1.55;margin-top:26px}.profile-preview{background:var(--aqua);border-radius:50%;overflow:hidden;position:relative;display:grid;place-items:center;font-family:var(--display);font-weight:700;color:var(--navy)}.profile-preview img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.profile-preview img[src=""]{display:none}.small-preview{width:75px;height:75px;font-size:20px;margin-top:48px}.large-preview{width:100px;height:100px;font-size:28px;flex:none}.settings-card{background:var(--white);padding:32px 38px;box-shadow:0 17px 40px rgba(23,37,43,.08)}.settings-title{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:27px}.settings-title h2{font-family:var(--display);font-size:34px;letter-spacing:-.07em;line-height:1;margin:0}.settings-mark{display:grid;place-items:center;background:var(--yellow);border-radius:50%;width:35px;height:35px}.avatar-editor{display:flex;align-items:center;gap:20px;margin-bottom:32px}.avatar-editor h3{font-family:var(--display);font-size:17px;margin:0 0 3px}.avatar-editor p{color:var(--muted);font-size:11px;margin:0 0 14px}.upload-button{display:inline-block;background:var(--navy);color:#fff;padding:10px 13px;font-size:11px;font-weight:700;cursor:pointer;margin:0 9px 0 0}.upload-button input{display:none}.remove-picture{border:0;border-bottom:1px solid var(--muted);padding:0 0 2px;background:none;color:var(--muted);font-size:10px}label{display:block;color:var(--muted);font-size:11px;margin-bottom:22px;position:relative}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #c4cec7;background:transparent;color:var(--ink);outline:0;padding:10px 0 11px;font:inherit}input:focus,textarea:focus{border-color:var(--orange)}.optional{float:right;color:#a6afaa;font-size:10px}.settings-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:6px}.save-button{border:0;background:var(--orange);color:#fff;padding:14px 18px;font-size:12px;font-weight:700}.save-button b{font-size:17px;margin-left:12px}.settings-footer span{font-size:11px;color:#5a8c68}footer{border-top:1px solid var(--line);padding:22px 0 35px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}footer .brand{color:var(--ink)}footer>a:last-child{color:var(--orange)}@media(max-width:760px){.settings-header,main,footer{width:calc(100% - 40px)}.settings-header{height:75px}.settings-layout{display:block;padding:48px 0 75px}.settings-intro{padding-bottom:43px}.small-preview{margin-top:28px}.settings-card{padding:26px 20px}.settings-title h2{font-size:29px}.avatar-editor{align-items:flex-start}.upload-button{margin-bottom:7px}.remove-picture{display:block}footer{flex-wrap:wrap;gap:15px}}