:root{--bg:#06130b;--panel:#102016;--panel-soft:#17271d;--gold:#f4bd36;--gold-light:#ffe08a;--green:#0d5f3a;--red:#b72024;--text:#fff8df;--muted:#c8c0a5;--line:#f4bd3647}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#0d5f3a6b,#0000 34rem),linear-gradient(135deg,#041008 0%,#102016 48%,#170b0c 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06130bdb;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;min-width:max-content;display:inline-flex}.brand-mark{border:1px solid var(--line);background:linear-gradient(135deg, var(--gold), #7c4a0a);color:#09120a;border-radius:8px;place-items:center;width:2.65rem;height:2.65rem;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem}nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;display:flex}nav a,.header-cta,.secondary-btn,.primary-btn{border-radius:8px;font-weight:800}nav a{color:var(--muted);padding:.65rem .85rem;font-size:.92rem}nav a:hover{color:var(--gold-light)}.header-cta,.primary-btn{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:#07130a;box-shadow:0 18px 38px #f4bd3633}.header-cta{white-space:nowrap;padding:.75rem 1rem}.hero{grid-template-columns:minmax(0,.88fr) minmax(21rem,1.12fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);min-height:calc(100vh - 4.8rem);padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4rem) 2rem;display:grid}.hero-copy h1,.section-heading h2,.final-cta h2{color:#fff4c3;letter-spacing:0;max-width:16ch;margin:0;font-size:clamp(2.3rem,5vw,5.8rem);line-height:.98}.hero-copy p,.final-cta p{max-width:42rem;color:var(--muted);font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.7}.eyebrow{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem;font-size:.8rem;font-weight:900}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.primary-btn,.secondary-btn{justify-content:center;align-items:center;min-height:3.05rem;padding:.9rem 1.15rem;display:inline-flex}.secondary-btn{border:1px solid var(--line);color:var(--gold-light);background:#ffffff0a}.hero-gallery{gap:.8rem;display:grid}.hero-gallery img,.image-story figure{border:1px solid var(--line);background:#0b160e;border-radius:8px;overflow:hidden}.hero-gallery img{aspect-ratio:18/5;object-fit:cover;width:100%;box-shadow:0 22px 50px #00000057}.hero-gallery img:not(.active-image){opacity:.78}.quick-panel,.content-band,.daily,.image-story,.final-cta{padding:clamp(2rem,5vw,4.5rem) clamp(1rem,4vw,4rem)}.quick-panel{border-block:1px solid var(--line);background:#ffffff09;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.quick-panel article{background:#06130b8a;border:1px solid #ffffff17;border-radius:8px;padding:1.35rem}.quick-panel h2{color:var(--gold-light);margin:0 0 .7rem;font-size:1.05rem}.quick-panel p,.article-grid p,.note-list p,figcaption{color:var(--muted);line-height:1.7}.section-heading{margin-bottom:1.5rem}.section-heading h2,.final-cta h2{max-width:18ch;font-size:clamp(1.9rem,4vw,4.2rem)}.article-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);align-items:start;gap:1.2rem;display:grid}.article-grid article,.article-grid aside{border:1px solid var(--line);background:#102016cc;border-radius:8px;padding:clamp(1.2rem,3vw,2rem)}.article-grid strong{color:var(--gold-light);font-size:1.1rem}.article-grid aside a{overflow-wrap:anywhere;color:var(--gold);font-weight:900;display:inline-block}.image-story{background:linear-gradient(#b7202438,#0d5f3a1f);gap:1.25rem;display:grid}.image-story figure{margin:0}.image-story img{aspect-ratio:18/5;object-fit:cover;width:100%}figcaption{color:var(--gold-light);padding:.8rem 1rem;font-weight:700}.note-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.note-list article{border-bottom:1px solid var(--line);background:#ffffff06;grid-template-columns:3rem minmax(0,1fr);gap:.8rem;padding:1rem;display:grid}.note-list span{color:var(--gold);font-weight:900}.note-list p{margin:0}.final-cta{text-align:center;background:linear-gradient(#06130bb8,#06130beb),url(/images/betmartin-minimum-havale-otomatik-yatirim.png) 50%/cover}.final-cta h2,.final-cta p{margin-inline:auto}@media (max-width:920px){.site-header{flex-direction:column;align-items:flex-start}nav{justify-content:flex-start}.header-cta{position:absolute;top:1rem;right:1rem}.hero,.article-grid{grid-template-columns:1fr}.hero{min-height:auto}.quick-panel,.note-list{grid-template-columns:1fr}}@media (max-width:560px){.brand{padding-right:6rem}.brand-mark{width:2.3rem;height:2.3rem}nav a{padding:.55rem .65rem;font-size:.86rem}.header-cta{padding:.65rem .78rem;font-size:.86rem}.hero-gallery img,.image-story img{aspect-ratio:1.55}.note-list article{grid-template-columns:2.3rem minmax(0,1fr)}}
