@font-face{font-family:Archivo;src:url('/fonts/archivo-latin.woff2');font-weight:100 900;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BC,U+2000-206F}@font-face{font-family:Archivo;src:url('/fonts/archivo-latin-ext.woff2');font-weight:100 900;unicode-range:U+0100-02BA,U+0300-036F}@font-face{font-family:Newsreader;src:url('/fonts/newsreader-latin.woff2');font-weight:200 800;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BC,U+2000-206F}@font-face{font-family:Newsreader;src:url('/fonts/newsreader-latin-ext.woff2');font-weight:200 800;unicode-range:U+0100-02BA,U+0300-036F}
*{box-sizing:border-box}body{margin:0;background:#f3f6fd;color:#14264a;font:16px/1.65 Archivo,system-ui,sans-serif}header,main,footer{max-width:1040px;margin:auto;padding:40px 48px}header{padding-bottom:28px;font:32px Newsreader,Georgia,serif}main{padding-top:0;display:grid;grid-template-columns:420px minmax(0,1fr);gap:32px}.intro h1{font:500 76px/1.02 Newsreader,Georgia,serif;letter-spacing:-.035em;margin:0 0 32px}.intro p{color:#425779}.eyebrow{font:11px/1.7 monospace!important;letter-spacing:.04em;color:#14264a!important;margin-top:28px}.card{background:white;padding:24px;align-self:start}h2{font:500 32px/1.2 Newsreader,Georgia,serif;margin:0 0 28px}form{display:flex;flex-direction:column;gap:12px}label{font-size:14px;margin-top:8px}input{width:100%;border:1px solid #60799e;border-radius:12px;background:white;color:#14264a;padding:18px 16px;font:inherit;min-height:58px}button{border:0;border-radius:12px;background:#14264a;color:white;font:inherit;min-height:56px;padding:14px 20px;margin-top:12px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}a{color:#2453d5;text-underline-offset:4px}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #14264a;outline-offset:4px}.small,nav,footer,#status{font-size:14px}nav{margin-top:20px}footer{color:#586a87;padding-top:0}#status:empty{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:white;padding:8px}@media(max-width:760px){header,main,footer{padding:24px}main{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:12px}.intro h1{font-size:36px}.card{padding:24px}footer{padding-top:12px}}
/* Account management: saving the profile is primary; logout stays secondary. */
body[data-mode="hesap"] #account-form button{background:transparent;color:var(--ink,#14264a);border:1px solid #c7d5ee;width:auto;justify-self:start;padding:10px 16px;min-height:44px}
body[data-mode="hesap"] #profile-form{border-top:1px solid #c7d5ee;margin-top:24px;padding-top:24px}
body[data-mode="hesap"] #profile-form h3{margin:0;font-size:18px}
body[data-mode="hesap"] nav{display:flex;flex-wrap:wrap;gap:12px;line-height:1.8}
.account-return{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 24px;padding:16px;min-height:56px;border-radius:12px;background:#14264a;color:#fff;font:500 16px/1.5 Archivo,system-ui,sans-serif;text-decoration:none;text-align:center}.account-return:focus-visible{outline:3px solid #14264a;outline-offset:4px}

#session-security{margin-top:20px;border-top:1px solid #c7d5ee;padding-top:20px}#session-security summary{cursor:pointer;font-size:14px;font-weight:600}#session-security summary:focus-visible{outline:3px solid #14264a;outline-offset:4px}#session-security button{background:transparent;color:#14264a;border:1px solid #c7d5ee;width:100%;font-size:14px}

/* V32 Figma Atölye: same wordmark and colour roles as the public shop. */
:root{--ink:#14264a;--focus:#2453d5}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:36px 56px}
.account-brand{display:inline-flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--ink);flex:none}
.account-brand>span{font:850 44px/.95 Archivo,system-ui,sans-serif;letter-spacing:-.065em}
.account-brand-slash{display:inline-block;margin-left:8px;color:#2453d5;font-weight:500;letter-spacing:0}
.account-brand small{font:500 10px/1.4 Archivo,system-ui,sans-serif;letter-spacing:.055em;color:#586a87}
.account-browse{font:500 14px/1.5 Archivo,system-ui,sans-serif;display:inline-flex;align-items:center;gap:16px;min-height:44px;text-decoration:none}
.card{border:1px solid #c7d5ee;border-radius:16px;background:#ffffff;padding:32px;box-shadow:0 16px 48px #14264a08}
.intro{padding-top:16px}.intro h1{font-size:clamp(48px,5.5vw,72px)}
.intro .eyebrow{color:#2453d5!important;border-top:1px solid #c7d5ee;padding-top:24px;line-height:1.8!important}
button:hover:not(:disabled),.account-return:hover{background:#1d44b2}
a:focus-visible,input:focus-visible,button:focus-visible,.account-return:focus-visible,#session-security summary:focus-visible{outline-color:var(--focus)}
body[data-mode="hesap"] #account-form button:hover:not(:disabled),#session-security button:hover:not(:disabled){background:#e7eefc;color:#14264a}
@media(max-width:760px){header{padding-block:24px 28px}.account-brand>span{font-size:36px}.account-brand small{display:none}.account-browse{font-size:13px;gap:8px}.intro{padding-top:0}.intro h1{font-size:40px;margin-bottom:20px}.intro .eyebrow{margin-top:20px;padding-top:16px}.card{padding:24px}main{padding-top:0}}
@media(max-width:360px){header,main,footer{padding-inline:16px}.card{padding:20px}.intro h1{font-size:36px}}

/* V32: SDS Input Field grouping from Figma 291:286, adapted to native forms. */
#account-form{gap:24px}
.account-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.account-field label{margin:0;font-weight:500;line-height:1.5}
.account-field .small{margin:0;color:#586a87;line-height:1.6}
.account-field .account-recovery{align-self:flex-end;color:#2453d5;padding-block:6px;min-height:36px}
#account-form>button{margin-top:0}
#account-form>p:not(:empty){margin:0}
#status:not(:empty){padding:16px;border:1px solid #c7d5ee;border-radius:12px;background:#f3f6fd;color:#14264a;overflow-wrap:anywhere;line-height:1.6}
.card>nav{padding-top:24px;margin-top:24px;border-top:1px solid #c7d5ee}
.card>nav a{display:inline-block;padding-block:8px;min-height:40px}

.account-brand-row{display:flex;align-items:center;gap:8px}
.account-brand-symbol{display:block;width:.95em;height:.95em;flex:none;overflow:visible}
.account-password{display:flex;align-items:stretch;gap:8px;min-width:0}
.account-password input{flex:1;min-width:0}
.account-password-toggle{flex:none;min-width:68px;min-height:48px;margin:0;padding:10px;border:1px solid #60799e;background:transparent;color:#14264a;font-size:14px}
.account-password-toggle:hover:not(:disabled){background:#e7eefc;color:#14264a}

/* V33 original mark and primary blue action. */
.account-brand-original{display:block;width:64px;height:64px;object-fit:contain}
form button[type="submit"],.account-return{background:#2453d5;color:#fff}
@media(max-width:760px){.account-brand-original{width:48px;height:48px}}

.account-recovery-help{margin-top:24px;padding:20px;background:#edf3ff;border:1px solid #c7d5ee;border-radius:12px;color:#14264a;overflow-wrap:anywhere}
.account-recovery-help[hidden]{display:none}
.account-recovery-help h3{margin-top:0}
.account-recovery-help dt{font-weight:600;margin-top:12px}
.account-recovery-help dd{margin:4px 0 0}
.account-recovery-help code{font-size:.9em;user-select:all}

/* Hidden account controls remain unavailable until identity is confirmed. */
[hidden]{display:none!important}