/* Original generated imagery, served locally. Static decoration never animates. */
.logo-lockup{display:block;container-type:inline-size;line-height:0}
.logo-art{display:block;aspect-ratio:1227/752;overflow:hidden}
.logo-art img{display:block;width:100%;height:auto}
.logo-domain{display:block;color:#b4cfe0;font:600 clamp(4px,4.1cqw,16px)/1.5 Inter,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;text-align:center;white-space:nowrap}
.header .logo-domain,.footer-dark .logo-domain{color:#d6e9f3}
body{isolation:isolate;background:#e1eff9;--trading-art:linear-gradient(90deg,transparent,#e1eff9c9 16%,#e1eff9eb 50%,#e1eff9c9 84%,transparent),url('/assets/ui/trading-background.38e5424d1fef.webp')}
body::before{content:"";position:fixed;inset:0;z-index:-1;background-color:#e1eff9;background-image:var(--trading-art);background-position:center;background-size:cover;pointer-events:none}
.learn-tinted{background:rgba(218,235,247,.4)}
.hp-explorer,.hp-security,.hp-statement,.hp-start,.mobile-section,.start-section{background-color:#e1eff9;background-image:var(--trading-art);background-size:cover;background-position:center}
.condition-grid article,.learn-card,.hp-learning-card{background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(242,248,252,.92))}
.language-flags{display:flex;align-items:center;gap:5px;flex-shrink:0}
.language-flag{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;flex-shrink:0;transition:transform .18s,box-shadow .18s}
.language-flag img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 3px #001d3640)}
.language-flag:hover{transform:translateY(-2px)}
.language-flag[aria-current]{box-shadow:0 0 0 2px #0085b6}
.header:not(.is-light):not(.has-menu) .language-flag[aria-current]{box-shadow:0 0 0 2px #80e1ff}
.language-flag:focus-visible{outline:3px solid #007eae;outline-offset:4px}
.header:not(.is-light):not(.has-menu) .language-flag:focus-visible,.footer-flag-switch .language-flag:focus-visible{outline-color:#8be0ff}
.flag-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#102c40;color:#fff;border:1px solid #456276;border-radius:6px;padding:4px 9px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}
.language-flag:hover .flag-tooltip,.language-flag:focus-visible .flag-tooltip{opacity:1;visibility:visible}
.footer-flag-switch{justify-content:center;margin-block:35px;gap:16px}
.footer-flag-switch .language-flag[aria-current]{box-shadow:0 0 0 2px #80e1ff}
@media(min-width:1089px) and (max-width:1264px){.nav-trigger,.nav-about{font-size:11px;padding-inline:6px}.nav-wrap{gap:10px}.nav-tools{gap:10px}.language-flags{gap:3px}.language-flag{width:42px;height:44px}.language-flag img{width:40px;height:40px}}
@media(max-width:480px){.nav-wrap{gap:10px}.language-flags{gap:2px}.language-flag{width:44px;height:44px}.language-flag img{width:41px;height:41px}.footer-flag-switch{gap:16px}}
@media(max-width:360px){html .header .nav-wrap{width:calc(100% - 24px);gap:6px}.header .brand{width:88px}.menu-toggle{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.language-flag{transition:none}.language-flag:hover{transform:none}}
@media print{body{background:white}body::before,.language-flags{display:none}}

/* Compact flags and more prominent account actions in the shared header. */
.header .language-flag{width:38px;height:38px}
.header .language-flag img{width:36px;height:36px}
.nav-tools .header-auth .button{min-height:46px;font-size:13px;padding:12px 22px}
@media(min-width:1089px) and (max-width:1264px){
 .nav-tools .header-auth .button{padding-inline:16px;font-size:12px}
 html .header .nav-wrap{gap:10px}
 html .header .nav-tools{gap:10px}
 html[lang=tr] .header .nav-trigger,html[lang=tr] .header .nav-about{padding-inline:5px}
}
@media(max-width:1088px){
 .header .language-flag{width:44px;height:44px}
 .mobile-auth .button{min-height:48px;font-size:15px}
}
.back-to-top{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid #5b839a;border-radius:28px;color:#e9f8ff;background:#173b51;font:inherit;white-space:nowrap}
.back-to-top:hover{background:#245470;border-color:#91dcfa}
.back-to-top:focus-visible{outline:3px solid #80e1ff;outline-offset:4px}
.back-to-top svg{width:20px;height:20px}
@media print{.back-to-top{display:none}}

/* A sculpted navigation surface with locally generated market artwork. */
.header,.header.is-light,.header.has-menu{color:#eaf7ff;background-color:#102d45;background-image:linear-gradient(105deg,#061c30f5,#123d58e8 48%,#0a2740db),url('/assets/ui/trading-background.38e5424d1fef.webp');background-position:center,center 62%;background-size:cover;box-shadow:0 10px 28px #041d3933,inset 0 1px #c4eeff80,inset 0 -1px #71b9d84d;border-bottom:1px solid #061b32}
.header .nav-trigger,.header .nav-about{border-radius:12px;transition:background .18s,box-shadow .18s}
.header .nav-trigger:hover,.header .nav-trigger[aria-expanded=true],.header .nav-about:hover{background:linear-gradient(150deg,#436d8790,#0b223ea6);box-shadow:inset 0 1px #bceaff55,0 5px 12px #00142555;color:#fff}
.header .header-auth .primary{background:linear-gradient(155deg,#38dbff,#00a8e5 75%);box-shadow:inset 0 1px #d6faffcc,0 4px 0 #006d9a,0 7px 16px #001b354d;color:#042d46}
.header .header-auth .auth-secondary{background:linear-gradient(145deg,#2a526b,#102b44);border-color:#95c7df;box-shadow:inset 0 1px #d2ecff44,0 4px 0 #06192a,0 7px 16px #001b354d;color:#f1fbff}
.header .language-flag[aria-current]{box-shadow:0 0 0 2px #80e1ff}
.header .language-flag:focus-visible{outline-color:#8be0ff}
.header .nav-tools{flex-shrink:0}
.header .mega{background:linear-gradient(125deg,#f1f8fdf7,#dcebf5fa);border-top:1px solid #b5d6e7;box-shadow:0 18px 28px #041d3933,inset 0 1px #fff}
.hp-academy-action{display:flex;justify-content:center;margin-top:36px}
.hp-learn .hp-learning-card{box-shadow:0 12px 32px #123e5b14}
@media(max-width:1088px){
 .header .nav-trigger,.header .nav-about{border-radius:0}
 .header .nav-wrap>nav{top:var(--nav-height);height:calc(100dvh - var(--nav-height))}
 .header .nav-trigger:hover,.header .nav-trigger[aria-expanded=true],.header .nav-about:hover{background:#d5e7f3;color:#102d45;box-shadow:none}
 .header .mega{background:transparent;box-shadow:none;border:0}
}
@media(prefers-reduced-motion:reduce){.header .nav-trigger,.header .nav-about{transition:none}}
.article-body{min-width:0;background:#eef7fbd9;padding:32px;border:1px solid #fff9;border-radius:20px;overflow-wrap:anywhere}
.article-body section{scroll-margin-top:140px}
.service-illustration{display:block;overflow:hidden;border-radius:16px}
.service-illustration img{display:block;width:100%;height:auto}
.legal-illustration{display:block;border-radius:20px;overflow:hidden;margin:30px 0}
.legal-illustration img{width:100%;height:auto;display:block}
.learn-legal{background:#eef7fbe6}
.source-note a{overflow-wrap:anywhere}
@media(max-width:768px){.article-body{padding:22px 18px}.article-body section{scroll-margin-top:115px}}
