@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

:root{color-scheme:dark;--bg:#020713;--text:#f6f5fb;--muted:#e0e2ed;--cyan:#11e7f5;--blue:#168cff;--purple:#d327ff;--gold:#f4d58b;--line:rgba(37,211,255,.55);--max:1540px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.site-header{position:relative;z-index:10;background:linear-gradient(90deg,#02050d 0%,#030b1b 55%,#030510 100%);border-bottom:1px solid rgba(18,211,244,.6)}.header-inner{width:min(100% - 72px,var(--max));min-height:112px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{flex:0 0 360px;display:flex;align-items:center;gap:12px;min-width:0}.brand-emblem{width:84px;height:92px;object-fit:contain;flex:none}.brand-wordmark{width:270px;height:auto;max-height:76px;object-fit:contain}.main-navigation{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.5vw,28px);height:100%;white-space:nowrap}.main-navigation a{position:relative;display:flex;align-items:center;min-height:62px;color:#f1f0f7;font-size:clamp(12px,.98vw,16px);letter-spacing:-.025em;transition:color .2s ease}.main-navigation a::after{position:absolute;right:0;bottom:10px;left:0;height:2px;content:"";background:linear-gradient(90deg,#ffe68d,#ffbd5a);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.main-navigation a:hover,.main-navigation a[aria-current="page"]{color:#ffe16e}.main-navigation a:hover::after,.main-navigation a[aria-current="page"]::after{transform:scaleX(1)}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:645px;background-color:#020713;background-image:linear-gradient(90deg,rgba(1,5,15,.42) 0%,rgba(1,5,15,.20) 48%,rgba(1,5,15,.28) 100%),linear-gradient(180deg,rgba(1,5,15,.12) 0%,rgba(1,5,15,.08) 62%,rgba(1,5,15,.42) 100%),url("../assets/kozmik-bulutsu-arka-plan.png");background-position:center;background-size:cover;background-repeat:no-repeat}.hero::before{position:absolute;z-index:-2;inset:0;content:"";opacity:.07;background-image:radial-gradient(2px 2px at 8% 18%,#1b9cff 98%,transparent),radial-gradient(1px 1px at 14% 71%,#d52cff 98%,transparent),radial-gradient(2px 2px at 31% 38%,#168cff 98%,transparent),radial-gradient(1px 1px at 46% 20%,#b34dff 98%,transparent),radial-gradient(2px 2px at 64% 14%,#20e9ff 98%,transparent),radial-gradient(1px 1px at 73% 72%,#d82dff 98%,transparent),radial-gradient(2px 2px at 91% 42%,#1a9eff 98%,transparent),radial-gradient(1px 1px at 97% 20%,#d82dff 98%,transparent);background-size:330px 230px,270px 250px,390px 280px,310px 240px,360px 270px,320px 260px,380px 260px,290px 230px}.hero::after{position:absolute;z-index:-3;inset:0;content:"";background:radial-gradient(ellipse at 52% 50%,transparent 0%,rgba(1,6,17,.10) 58%,rgba(1,5,14,.45) 100%),linear-gradient(180deg,rgba(1,6,17,.05) 0%,transparent 58%,rgba(0,4,13,.62) 100%)}.nebula{position:absolute;z-index:-1;pointer-events:none;filter:blur(28px);opacity:.07}.nebula-left{left:-10%;top:16%;width:33%;height:65%;background:radial-gradient(ellipse at 35% 50%,rgba(0,108,255,.42),transparent 38%),radial-gradient(ellipse at 70% 50%,rgba(139,65,255,.20),transparent 48%);transform:rotate(-25deg)}.nebula-center{left:36%;top:-22%;width:36%;height:110%;background:radial-gradient(ellipse at 35% 32%,rgba(0,83,210,.34),transparent 26%),radial-gradient(ellipse at 48% 43%,rgba(132,35,205,.20),transparent 31%),radial-gradient(ellipse at 72% 58%,rgba(0,123,255,.18),transparent 42%);transform:rotate(-20deg)}.nebula-right{right:-8%;top:7%;width:32%;height:78%;background:radial-gradient(ellipse at 55% 40%,rgba(115,0,255,.28),transparent 36%),radial-gradient(ellipse at 42% 64%,rgba(0,87,255,.26),transparent 48%);transform:rotate(24deg)}.hero-inner{position:relative;width:min(100% - 100px,var(--max));min-height:645px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);align-items:center;gap:28px;padding:48px 0 60px}.hero-copy{position:relative;z-index:2;max-width:740px}.eyebrow{display:flex;align-items:center;gap:20px;margin:0 0 15px;color:#f5f3f8;font-size:clamp(11px,.9vw,14px);font-weight:600;letter-spacing:.22em;white-space:nowrap}.eyebrow i{color:#ffe16e;font-size:18px;font-style:normal}.eyebrow i:nth-of-type(2){color:var(--cyan)}h1{max-width:760px;margin:0;color:#f9f7f6;font-family:'Playfair Display',Georgia,serif;font-size:clamp(43px,4.55vw,76px);font-weight:600;line-height:1.04;letter-spacing:-.045em}h1 .line-cyan{color:#17dce9;background:linear-gradient(90deg,#0be7e8 0%,#268fff 56%,#d52bff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1 .line-gold{color:#f5d68f}.hero-description{max-width:610px;margin:31px 0 0;color:#e5e5ed;font-size:clamp(16px,1.42vw,22px);line-height:1.55}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;font-size:clamp(14px,1.08vw,19px);font-weight:500;white-space:nowrap}.button-primary{padding:0 24px;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:linear-gradient(105deg,#02dff3 0%,#165dff 48%,#b900ff 82%,#ed2bff 100%);box-shadow:0 0 14px rgba(0,219,255,.65),0 0 30px rgba(131,0,255,.45),inset 0 0 9px rgba(255,255,255,.25);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease,filter .2s ease}.button-primary:hover{transform:translateY(-2px);filter:brightness(1.12)}.button-spark{font-size:28px;line-height:1}.arrow{font-size:25px;line-height:1}.button-link{gap:11px;padding:0 0 3px;border-bottom:1px solid #d6b839;color:#ffdf54}.button-link:hover{color:#fff0a2}.document-icon{font-size:26px;line-height:1}.hero-brand-art{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:5px 0 0}.logo-aura{position:absolute;z-index:-1;width:95%;height:90%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,65,255,.2),rgba(127,0,255,.13) 40%,transparent 70%);filter:blur(28px)}.hero-emblem{width:min(45%,290px);max-height:340px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,112,255,.38)) drop-shadow(0 0 22px rgba(190,0,255,.22))}.hero-bottom-rule{position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#09e5f4,#153dff 37%,#a927ff 66%,#f5d58a 100%);opacity:.9}.hero-bottom-rule span{position:absolute;top:-3px;left:18.5%;width:8px;height:8px;border-radius:50%;background:#ffe7a5;box-shadow:0 0 9px 3px rgba(255,196,97,.8)}.hero-bottom-rule span+span{left:95%;}
.feature-strip{position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(0,45,111,.22),transparent 62%),linear-gradient(180deg,#020611,#01040b);border-bottom:1px solid rgba(18,211,244,.15)}.feature-grid{width:min(100% - 100px,var(--max));margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:39px 0 42px}.feature-item{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;min-width:0;padding:0 28px;border-right:1px solid rgba(113,148,206,.45)}.feature-item:first-child{padding-left:0}.feature-item:last-child{padding-right:0;border-right:0}.feature-symbol{display:grid;place-items:center;width:78px;height:78px;clip-path:polygon(50% 0,91% 23%,91% 77%,50% 100%,9% 77%,9% 23%);background:var(--accent);filter:drop-shadow(0 0 10px var(--accent-glow));position:relative}.feature-symbol::before{position:absolute;inset:2px;content:"";clip-path:polygon(50% 0,91% 23%,91% 77%,50% 100%,9% 77%,9% 23%);background:#020814}.feature-symbol svg{position:relative;width:50px;height:50px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-cyan{--accent:#00dfff;--accent-glow:rgba(0,217,255,.45)}.feature-purple{--accent:#d05cff;--accent-glow:rgba(188,51,255,.38)}.feature-gold{--accent:#f0c982;--accent-glow:rgba(255,192,90,.4)}.feature-copy{min-width:0;padding-left:0}.feature-copy h2{margin:0 0 6px;color:#f6e8c7;font-family:'Playfair Display',Georgia,serif;font-size:clamp(17px,1.45vw,24px);font-weight:500;line-height:1.25}.feature-copy p{margin:0;color:#e1e3ed;font-size:clamp(13px,.98vw,17px);line-height:1.55}.site-footer{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"wordmark slogan" "copyright copyright";align-items:center;column-gap:24px;row-gap:14px;width:min(100% - 72px,var(--max));margin:auto;padding:24px 0 18px;color:#aeb9ce;font-size:13px}.footer-wordmark{grid-area:wordmark;justify-self:start;display:block;width:min(100%,300px)}.footer-wordmark img{display:block;width:100%;height:auto;object-fit:contain}.footer-slogan{grid-area:slogan;justify-self:center;display:flex;align-items:center;justify-content:center;width:min(100%,430px)}.footer-slogan img{display:block;width:100%;height:auto;object-fit:contain}.site-footer small{grid-area:copyright;justify-self:center;text-align:center;font-size:12px}
@media(min-width:1500px){.hero-inner{grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr)}.hero-emblem{width:300px}.hero{min-height:645px}.hero-inner{min-height:645px}}
@media(max-width:1200px){.header-inner{width:calc(100% - 40px);gap:18px}.brand{flex-basis:285px;gap:8px}.brand-emblem{width:68px;height:78px}.brand-wordmark{width:210px}.main-navigation{gap:clamp(8px,1.2vw,12px)}.main-navigation a{font-size:12px}.hero-inner,.feature-grid{width:calc(100% - 64px)}.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}h1{font-size:clamp(43px,5vw,62px)}.feature-item{grid-template-columns:70px minmax(0,1fr);gap:13px;padding-inline:18px}.feature-symbol{width:64px;height:64px}.feature-symbol svg{width:42px;height:42px}}
@media(max-width:900px){.header-inner{min-height:92px}.brand{flex-basis:300px}.brand-emblem{width:65px;height:72px}.brand-wordmark{width:220px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:9px;border:1px solid rgba(49,209,255,.4);border-radius:10px;background:rgba(4,16,37,.9)}.menu-toggle span{display:block;width:100%;height:2px;background:#dffaff}.main-navigation{position:absolute;top:100%;right:0;left:0;display:none;align-items:stretch;flex-direction:column;justify-content:flex-start;height:auto;max-height:calc(100vh - 100%);overflow-y:auto;gap:0;padding:10px 24px 18px;border-bottom:1px solid rgba(49,209,255,.35);background:rgba(2,7,19,.98)}.main-navigation.is-open{display:flex}.main-navigation a{min-height:44px;font-size:15px}.main-navigation a::after{bottom:0;right:auto;width:100%;transform-origin:left}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);width:calc(100% - 48px);gap:10px}.hero{min-height:590px}.hero-inner{min-height:590px}.eyebrow{gap:10px;letter-spacing:.15em}.hero-description{margin-top:22px}.hero-actions{gap:16px;margin-top:30px}.button{min-height:52px}.button-primary{padding-inline:18px}.hero-emblem{width:min(62%,245px)}.feature-grid{width:calc(100% - 48px);padding-block:30px}.feature-item{grid-template-columns:1fr;justify-items:start;gap:14px;padding-inline:20px}.feature-symbol{width:60px;height:60px}.feature-copy h2{font-size:18px}.feature-copy p{font-size:13px}}
@media(max-width:620px){.header-inner{width:calc(100% - 28px);min-height:82px}.brand{flex:1;gap:6px}.brand-emblem{width:52px;height:60px}.brand-wordmark{width:min(220px,calc(100% - 58px));max-height:56px}.hero{min-height:0}.hero-inner{display:flex;min-height:0;flex-direction:column;align-items:stretch;width:calc(100% - 36px);gap:22px;padding:48px 0 38px}.hero-copy{max-width:none}.eyebrow{flex-wrap:wrap;gap:8px;margin-bottom:17px;font-size:10px;letter-spacing:.13em}h1{font-size:clamp(39px,11vw,57px);line-height:1.07}.hero-description{margin-top:22px;font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px;margin-top:25px}.button{min-height:50px;font-size:15px}.button-primary{padding-inline:19px}.button-link{min-height:38px}.hero-brand-art{order:2;align-self:center;width:min(100%,400px);padding:0}.hero-emblem{width:155px;max-height:180px}.nebula-center{left:5%;top:20%;width:90%;height:60%}.nebula-right{right:-25%;width:65%}.feature-grid{grid-template-columns:1fr;width:calc(100% - 36px);padding:12px 0}.feature-item,.feature-item:first-child,.feature-item:last-child{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:14px;padding:22px 0;border-right:0;border-bottom:1px solid rgba(113,148,206,.35)}.feature-item:last-child{border-bottom:0}.feature-symbol{width:60px;height:60px}.feature-copy h2{font-size:19px}.feature-copy p{font-size:14px}.site-footer{grid-template-columns:1fr;grid-template-areas:"wordmark" "slogan" "copyright";justify-items:center;row-gap:12px;width:calc(100% - 36px);padding:22px 0 16px}.footer-wordmark{justify-self:center;width:min(100%,280px)}.footer-slogan{width:min(100%,380px)}.site-footer small{justify-self:center;margin-top:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Footer: logo solda, orijinal slogan ortada, telif sağda */
.site-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "wordmark slogan copyright";
  align-items: center;
  column-gap: 24px;
  row-gap: 0;
  width: min(100% - 72px, var(--max));
  margin: 0 auto;
  padding: 24px 0 20px;
  border-top: 1px solid rgba(50, 216, 245, 0.28);
  color: #aeb9ce;
  font-size: 13px;
}
.site-footer .footer-wordmark {
  grid-area: wordmark;
  justify-self: start;
  width: min(100%, 360px);
}
.site-footer .footer-slogan {
  grid-area: slogan;
  justify-self: center;
  width: min(100%, 430px);
}
.site-footer small {
  grid-area: copyright;
  justify-self: end;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .site-footer {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "wordmark" "slogan" "copyright";
    justify-items: center;
    row-gap: 16px;
    width: calc(100% - 36px);
    padding: 24px 0 18px;
  }
  .site-footer .footer-wordmark { justify-self: center; width: min(360px, 88vw); }
  .site-footer .footer-slogan { justify-self: center; width: min(360px, 88vw); }
  .site-footer small { justify-self: center; text-align: center; white-space: normal; }
}
