/* renkler web sitesiyle birebir: css/style.css :root */
:root{--bg:#0A0A0A;--bg2:#1A1D22;--green:#00E87A;--white:#FFFFFF;--gray:#A7AFB7;
 --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--green-dim:rgba(0,232,122,.12)}
body{background:var(--bg);display:block}
.ust{max-width:1480px;margin:0 auto;padding:26px 40px;display:flex;align-items:center;gap:14px}
.ust .wm{font-family:Sora;font-weight:800;font-size:30px;letter-spacing:-.035em}
.ust .wm b{color:var(--green)}
.ust nav{margin-left:auto;display:flex;gap:30px}
.ust nav a{color:var(--gray);font-size:15px;font-weight:500}
.ust nav a:hover{color:#fff;text-decoration:none}
.sahne{max-width:1480px;margin:0 auto;padding:10px 40px 30px;display:grid;
 grid-template-columns:1fr 540px;gap:48px;align-items:start}
/* sol */
.eyebrow{display:flex;align-items:center;gap:12px;font-family:Sora;font-weight:600;font-size:13px;
 letter-spacing:.18em;color:var(--white);margin-bottom:18px}
.eyebrow::before{content:'';width:34px;height:2px;background:var(--green);border-radius:2px}
.eyebrow b{color:var(--green);font-weight:600}
h1.kah{font-family:Sora;font-weight:800;font-size:clamp(38px,4.2vw,58px);line-height:1.04;letter-spacing:-.035em}
h1.kah span{color:var(--green)}
.alt{color:var(--gray);font-size:17px;line-height:1.6;margin-top:18px;max-width:430px}
.sektor{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.sektor button{background:transparent;border:1px solid var(--line2);color:var(--gray);
 font-family:Sora;font-weight:600;font-size:14px;padding:9px 20px;border-radius:999px;cursor:pointer;transition:.18s}
.sektor button:hover{border-color:rgba(0,232,122,.5);color:#fff}
.sektor button.on{background:var(--green);border-color:var(--green);color:#052614}
.gorsel{margin-top:26px;position:relative}
.gorsel img{width:100%;display:block;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent);mask-composite:intersect}
.gorsel figcaption{font-size:12.5px;color:var(--gray);font-style:italic;margin-top:10px}
/* kart */
.kutu{background:#101214;border:1px solid var(--line);border-radius:22px;padding:30px 30px 26px}
.kutu h2{font-family:Sora;font-weight:800;font-size:30px;letter-spacing:-.03em}
.sure{display:flex;align-items:center;gap:9px;color:var(--gray);font-size:15px;margin-top:9px}
/* adimlar */
.adimlar{display:flex;align-items:flex-start;margin:26px 0 24px}
.ad{flex:1;text-align:center;position:relative}
.ad .yuv{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;
 font-family:Sora;font-weight:700;font-size:13px;background:#1A1D22;color:var(--gray);
 border:1px solid var(--line2);position:relative;z-index:2}
.ad .ad-et{font-size:12.5px;color:var(--gray)}
.ad.tamam .yuv,.ad.simdi .yuv{background:var(--green);color:#052614;border-color:var(--green)}
.ad.simdi .ad-et{color:#fff;font-weight:600}
.ad::after{content:'';position:absolute;top:15px;left:50%;width:100%;height:2px;background:var(--line2);z-index:1}
.ad:last-child::after{display:none}
.ad.tamam::after{background:var(--green)}
/* takvim */
.ay{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.ay b{font-family:Sora;font-weight:700;font-size:17px;flex:1;text-align:center}
.ay button{background:transparent;border:0;color:var(--gray);font-size:20px;cursor:pointer;
 width:30px;height:30px;border-radius:8px}
.ay button:hover:not(:disabled){background:rgba(255,255,255,.06);color:#fff}
.ay button:disabled{opacity:.25;cursor:default}
.gunsr{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.gn{border:1px solid var(--line2);border-radius:13px;padding:11px 0;text-align:center;cursor:pointer;
 background:transparent;transition:.18s}
.gn:hover{border-color:rgba(0,232,122,.5)}
.gn .gk{font-size:12.5px;color:var(--gray)}
.gn .s{font-family:Sora;font-weight:700;font-size:21px;margin-top:2px}
.gn.on{background:var(--green);border-color:var(--green)}
.gn.on .gk,.gn.on .s{color:#052614}
.bslk{font-family:Sora;font-weight:600;font-size:15px;margin:22px 0 11px}
.saatsr{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.st{border:1px solid var(--line2);border-radius:11px;padding:11px 0;text-align:center;cursor:pointer;
 font-family:Sora;font-weight:600;font-size:15px;background:transparent;transition:.18s}
.st:hover{border-color:var(--green);color:var(--green)}
.st.on{background:var(--green);border-color:var(--green);color:#052614}
.dilim{font-size:12.5px;color:var(--gray);margin-top:12px}
/* alanlar */
.kutu label{font-size:12.5px;color:var(--gray);margin:14px 0 6px}
.kutu input,.kutu select,.kutu textarea{background-color:#0A0A0A;border:1px solid var(--line2);border-radius:12px;
 padding:14px 16px;font-size:15px}
.kutu input::placeholder,.kutu textarea::placeholder{color:#5b6269}
.ileri{width:100%;background:var(--green);color:#052614;font-family:Sora;font-weight:700;font-size:16px;
 padding:16px;border-radius:14px;border:0;cursor:pointer;margin-top:22px;transition:.18s}
.ileri:hover{filter:brightness(1.07)}
.ileri:disabled{opacity:.4;cursor:not-allowed}
.geri{background:transparent;border:0;color:var(--gray);font-size:13.5px;cursor:pointer;margin-top:12px;
 width:100%;text-align:center}
.geri:hover{color:#fff}
.dipnot{text-align:center;color:var(--gray);font-size:13px;margin-top:14px}
.secimozet{display:flex;align-items:center;gap:9px;background:var(--green-dim);
 border:1px solid rgba(0,232,122,.3);border-radius:11px;padding:11px 14px;font-size:14px;
 color:var(--green);margin-bottom:4px}
.perde{display:none}.perde.acik{display:block}
/* alt serit */
.serit{max-width:1480px;margin:0 auto;padding:24px 40px 44px;border-top:1px solid var(--line);
 display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.serit div{display:flex;align-items:center;gap:14px;padding:4px 30px;font-size:16.5px;color:var(--white)}
.serit div+div{border-left:1px solid var(--line)}
.serit svg{flex:0 0 auto}
@media(max-width:1080px){.sahne{grid-template-columns:1fr;gap:30px;padding:10px 22px 24px}
 .ust,.serit{padding-left:22px;padding-right:22px}
 .serit{grid-template-columns:1fr;gap:14px}.serit div+div{border-left:0}
 .gorsel{display:none}
 .ust nav a:not(:last-child){display:none}
 .gunsr{gap:6px}.saatsr{grid-template-columns:repeat(3,1fr)}
 .kutu{padding:24px 20px}}
/* görüşme / sunum sekmeleri */
.sekmeler{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0A0A0A;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px;margin-bottom:24px}
.sekmeler button{background:none;border:0;border-radius:999px;padding:10px 12px;color:#A7AFB7;font:600 14px Sora,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.sekmeler button:hover{color:#fff}
.sekmeler button.on{background:#00E87A;color:#052614}
.sekme-ic[hidden]{display:none}
.ekler{background:#0E1013;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;margin-top:14px;font-size:14px;line-height:2;color:#fff}
.ekler span{display:inline-block;font:800 9.5px Sora,sans-serif;letter-spacing:.06em;color:#00E87A;background:rgba(0,232,122,.12);border-radius:6px;padding:2px 6px;margin-right:10px;line-height:1.6}