.maktek-page { padding: 130px 0 90px; background: linear-gradient(145deg,#f0f5fb 0%,#fff 52%,#f8fafc 100%); color:#0f172a; }
.maktek-page .container-wide { max-width:1280px; }
.maktek-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; font-size:.8rem; color:#64748b; margin-bottom:48px; }
.maktek-breadcrumb a { color:#334155; text-decoration:none; }
.maktek-hero { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:64px; }
.maktek-eyebrow { color:#1e40af; font-size:.72rem; font-weight:800; letter-spacing:.09em; line-height:1.8; }
.maktek-eyebrow span { display:block; color:#64748b; font-size:.65rem; }
.maktek-hero h1 { font-size:clamp(2.4rem,4.5vw,4rem); line-height:1.08; font-weight:800; letter-spacing:-.045em; margin:20px 0 24px; }
.maktek-hero h1 span { color:#1e40af; }
.maktek-lead { color:#475569; font-size:1.05rem; line-height:1.8; max-width:570px; }
.maktek-stand { display:flex; gap:0; max-width:390px; margin:28px 0; background:#1e3a8a; color:#fff; border-radius:16px; padding:20px 28px; box-shadow:0 12px 28px #1e3a8a15; }
.maktek-stand > div { width:50%; display:flex; flex-direction:column; }
.maktek-stand > div+div { border-left:1px solid #ffffff40; padding-left:30px; }
.maktek-stand span { font-size:.65rem; letter-spacing:.12em; color:#bfdbfe; font-weight:700; }
.maktek-stand strong { font-size:3rem; line-height:1.1; margin-top:6px; }
.maktek-countdown-status { font-size:.85rem; font-weight:700; margin-bottom:10px; min-height:24px; }
.maktek-countdown { display:flex; gap:10px; max-width:390px; }
.maktek-countdown > div { text-align:center; background:#fff; border:1px solid #cbd5e1; border-radius:10px; padding:12px 10px; flex:1; min-width:0; }
.maktek-countdown b { display:block; font-size:1.65rem; font-variant-numeric:tabular-nums; line-height:1.2; }
.maktek-countdown span { color:#64748b; font-size:.66rem; }
.maktek-countdown-wrap small { display:block; color:#64748b; font-size:.7rem; margin:10px 0 24px; }
.maktek-button { border:0; background:#1e40af; color:#fff; padding:15px 23px; border-radius:9px; text-decoration:none; display:inline-flex; align-items:center; gap:20px; font-weight:700; font-size:.9rem; }
.maktek-button:hover { background:#1e3a8a; color:#fff; }
.maktek-button:focus-visible, .maktek-page a:focus-visible { outline:3px solid #60a5fa; outline-offset:4px; }
.maktek-poster { margin:0; max-width:454px; justify-self:end; width:100%; }
.maktek-poster img { width:100%; height:auto; display:block; border-radius:16px; box-shadow:0 24px 60px #0f172a25; }
.maktek-poster figcaption { text-align:center; color:#64748b; font-size:.8rem; padding-top:20px; }
.maktek-info { margin:64px 0 80px; display:grid; grid-template-columns:1fr 1.4fr .85fr; border:1px solid #cbd5e1; border-radius:16px; overflow:hidden; background:#fff; }
.maktek-info > div { padding:26px 28px; }
.maktek-info > div+div { border-left:1px solid #e2e8f0; }
.maktek-info span { color:#64748b; letter-spacing:.12em; font-size:.66rem; font-weight:700; display:block; margin-bottom:10px; }
.maktek-info strong { display:block; font-size:1rem; line-height:1.5; }
.maktek-info a { font-size:.8rem; color:#1e40af; display:inline-block; margin-top:8px; }
.maktek-invitation { display:grid; grid-template-columns:.85fr 1.15fr; gap:64px; scroll-margin-top:110px; }
.maktek-form-intro h2 { font-size:clamp(2rem,3vw,2.9rem); font-weight:800; line-height:1.15; letter-spacing:-.035em; margin:18px 0; }
.maktek-form-intro p { color:#475569; line-height:1.8; }
.maktek-welcome { border-top:1px solid #e2e8f0; padding-top:22px; margin-top:26px; font-weight:600; }
.maktek-form-card { background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:32px; box-shadow:0 15px 40px #0f172a08; }
.maktek-form { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.maktek-field { min-width:0; }
.maktek-field label { display:block; font-size:.8rem; font-weight:700; margin-bottom:8px; }
.maktek-field input { width:100%; border:1px solid #cbd5e1; border-radius:8px; padding:12px; background:#f8fafc; color:#0f172a; }
.maktek-field input:focus { outline:2px solid #60a5fa; outline-offset:2px; }
.maktek-field--full { grid-column:1/-1; }
.maktek-consent { display:flex; gap:10px; align-items:flex-start; font-size:.78rem; color:#475569; line-height:1.6; }
.maktek-consent input { flex:0 0 18px; width:18px; height:18px; margin-top:4px; accent-color:#1e40af; }
.maktek-consent a { color:#1e40af; }
.maktek-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.maktek-page .field-validation-error { display:block; color:#b91c1c; font-size:.75rem; margin-top:6px; }
.maktek-page .talep-uyari { padding:20px; margin-bottom:24px; border:1px solid #cbd5e1; border-radius:10px; }
.maktek-page .talep-uyari--ok { background:#f0fdf4; color:#166534; }
.maktek-page .talep-uyari--hata { background:#fef2f2; color:#991b1b; }
.maktek-page .talep-uyari > span { display:block; }
@media (max-width:900px) { .maktek-hero,.maktek-invitation { grid-template-columns:1fr; gap:40px; } .maktek-poster { justify-self:center; } .maktek-info { grid-template-columns:1fr; margin:40px 0 56px; } .maktek-info > div+div { border-left:0; border-top:1px solid #e2e8f0; } }
@media (max-width:575px) { .maktek-page { padding-top:106px; } .maktek-page .container-wide { padding:0 20px; } .maktek-breadcrumb { margin-bottom:28px; } .maktek-hero h1 { font-size:2.5rem; } .maktek-form { grid-template-columns:1fr; gap:16px; } .maktek-form-card { padding:22px 18px; } .maktek-stand { max-width:none; } .maktek-countdown { max-width:none; } .maktek-button { justify-content:center; width:100%; gap:12px; } }