@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@400;500;700;800&display=swap');

:root{
  --bg:#060303;
  --bg-2:#0d0805;
  --panel:#140d09;
  --panel-2:#1d140f;
  --gold:#e1b35a;
  --gold-2:#ffd98a;
  --sand:#d2a257;
  --teal:#2ab0aa;
  --cream:#fff4db;
  --muted:#d5b37a;
  --line:rgba(225,179,90,.22);
  --line-strong:rgba(255,217,138,.38);
  --shadow:0 28px 90px rgba(0,0,0,.52);
  --panel-gradient:linear-gradient(180deg,rgba(255,217,138,.12) 0%,rgba(24,15,10,.88) 26%,rgba(16,10,7,.96) 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--cream);
  font-family:Inter,system-ui,sans-serif;
  overflow-x:hidden;
  background:
    linear-gradient(rgba(5,2,1,.84),rgba(5,2,1,.92)),
    radial-gradient(circle at top,rgba(208,139,43,.18),transparent 35%),
    url('assets/cleopatra-brand.jpg') center top / cover fixed no-repeat,
    linear-gradient(180deg,#100804 0,#050303 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(120deg,rgba(225,179,90,.08),transparent 25%,rgba(42,176,170,.04) 70%,transparent),
    radial-gradient(circle at 50% 0%,rgba(255,217,138,.10),transparent 30%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 120px);
}
a{color:inherit;text-decoration:none}
.loader{position:fixed;inset:0;z-index:60;background:radial-gradient(circle at 50% 35%,rgba(225,179,90,.16),transparent 24%),#050303;display:grid;place-items:center;align-content:center;gap:14px;transition:.7s ease}
.loader.hide{opacity:0;visibility:hidden}
.loader p{font-family:Cinzel,serif;letter-spacing:.24em;color:var(--gold);margin:0;font-size:20px}
.loader span{color:#d6bc8d;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.loader-stage{position:relative;width:150px;height:150px;display:grid;place-items:center}
.scarab-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,217,138,.22);box-shadow:0 0 0 10px rgba(255,217,138,.04),0 0 40px rgba(225,179,90,.28) inset;animation:spin 8s linear infinite}
.scarab-ring::before,.scarab-ring::after{content:"";position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(255,217,138,.24)}
.scarab-core{position:relative;z-index:2;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f9d485 0,#c48b35 52%,#331b09 100%);color:#1a110a;font-size:40px;box-shadow:0 0 35px rgba(225,179,90,.5)}
.loader-rays{position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 0deg, rgba(255,217,138,.0), rgba(255,217,138,.34), rgba(255,217,138,0) 42%, rgba(255,217,138,.22), rgba(255,217,138,0));filter:blur(4px);animation:spin-rev 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spin-rev{to{transform:rotate(-360deg)}}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,5vw,70px);backdrop-filter:blur(18px);background:rgba(8,5,4,.72);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px;font-family:Cinzel,serif;font-weight:900;letter-spacing:.06em}
.brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;border:1px solid var(--line-strong);box-shadow:0 10px 28px rgba(0,0,0,.4)}
nav{display:flex;gap:24px}
nav a{color:var(--muted);font-weight:700;font-size:14px}
nav a:hover{color:var(--gold-2)}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;padding:72px clamp(18px,6vw,90px);position:relative}
.hero::before{content:"";position:absolute;inset:40px clamp(18px,6vw,90px) 32px;border:1px solid rgba(255,217,138,.08);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01));box-shadow:var(--shadow);z-index:-1}
.hero-overlay-symbols{position:absolute;inset:auto 10px 10px auto;font-size:132px;line-height:1;letter-spacing:14px;opacity:.05;white-space:nowrap;font-family:Cinzel,serif}
.floating-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45;pointer-events:none;animation:float 10s ease-in-out infinite}
.orb-1{width:140px;height:140px;right:26%;top:14%;background:radial-gradient(circle,rgba(255,217,138,.65),rgba(255,217,138,0) 70%)}
.orb-2{width:110px;height:110px;left:8%;bottom:10%;background:radial-gradient(circle,rgba(42,176,170,.4),rgba(42,176,170,0) 70%);animation-delay:-3s}
@keyframes float{50%{transform:translateY(-18px) translateX(10px)}}
.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--gold);font-size:12px;font-weight:900}
.hero h1,.section h2,.network h2,.contact h2,.apply-section h2{font-family:Cinzel,serif;line-height:.94;margin:16px 0;background:linear-gradient(90deg,#fff4db 0%,#f0c56e 35%,#a56a26 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1{font-size:clamp(44px,7vw,90px);max-width:760px}
.hero-text{font-size:19px;line-height:1.85;color:#e6d4af;max-width:680px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:900;border:1px solid var(--line);box-shadow:var(--shadow);transition:.2s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:linear-gradient(135deg,#f0c56e,#8e591f);color:#120904}
.btn.secondary{background:rgba(255,255,255,.045);color:var(--gold-2)}
.hero-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.feature-chip{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,217,138,.16);background:rgba(255,255,255,.045);color:#f3dfb6}
.feature-chip span{font-size:19px;color:var(--gold-2)}
.feature-chip strong{font-size:14px}
.hero-card.visual-card{padding:0;overflow:hidden;border-radius:32px;border:1px solid var(--line-strong);background:rgba(19,11,8,.72);box-shadow:var(--shadow);transition:transform .35s ease}
.visual-shell{position:relative;min-height:640px}
.visual-shell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.visual-shell::after{content:"";position:absolute;inset:16px;border-radius:26px;border:1px solid rgba(255,217,138,.16);pointer-events:none}
.visual-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.22) 24%,rgba(6,3,3,.82) 100%),linear-gradient(0deg,rgba(6,3,3,.72),transparent 40%)}
.visual-copy{position:absolute;left:0;right:0;bottom:0;padding:34px;z-index:2}
.hero-card h2{font-family:Cinzel,serif;text-align:left;font-size:40px;margin:10px 0 12px;color:var(--cream)}
.hero-card p{max-width:560px;color:#e1d1af;line-height:1.7;margin:0}
.marquee{border-block:1px solid var(--line);overflow:hidden;background:rgba(225,179,90,.055);backdrop-filter:blur(8px)}
.marquee-track{display:flex;gap:46px;white-space:nowrap;animation:mar 22s linear infinite;padding:14px 0;color:var(--gold-2);font-weight:900}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.section{padding:88px clamp(18px,6vw,90px)}
.section-heading{text-align:center;max-width:790px;margin:0 auto 40px}
.section-heading h2{font-size:clamp(34px,5vw,64px)}
.section-heading p:not(.eyebrow){color:#dfceaa;line-height:1.7}
.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sponsor-card{position:relative;display:flex;flex-direction:column;min-height:470px;padding:16px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,217,138,.18),transparent 32%), var(--panel-gradient);box-shadow:var(--shadow);overflow:hidden;transition:.25s}
.sponsor-card:hover{transform:translateY(-7px);border-color:rgba(255,217,138,.58);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 34px rgba(225,179,90,.16)}
.sponsor-card::before{content:"";position:absolute;inset:14px;border-radius:22px;border:1px solid rgba(255,217,138,.1);pointer-events:none}
.sponsor-card:after{content:attr(data-symbol);position:absolute;right:18px;top:8px;font-size:88px;opacity:.08}
.sponsor-image-wrap{position:relative;height:190px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,217,138,.18);margin-bottom:16px;background:#0d0805}
.sponsor-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.sponsor-card:hover .sponsor-image-wrap img{transform:scale(1.05)}
.sponsor-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.28))}
.status{display:inline-flex;gap:8px;align-items:center;color:#69f4bc;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.status:before{content:"";width:9px;height:9px;border-radius:50%;background:#69f4bc;box-shadow:0 0 16px #69f4bc}
.sponsor-card h3{font-family:Cinzel,serif;font-size:30px;margin:18px 0 8px}
.tier{color:var(--gold);font-weight:900}
.bonus{color:#ead7ad;line-height:1.65;min-height:58px;flex:1}
.sponsor-card a{margin-top:20px;width:100%}
.hover-glow-card{position:relative;background-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,217,138,.16),transparent 36%)}
.network{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:18px}
.network-card{border:1px solid var(--line);border-radius:26px;padding:28px;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,217,138,.14),transparent 36%), rgba(255,255,255,.04);min-height:172px;display:flex;flex-direction:column;justify-content:center;gap:10px;box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease}
.network-card:hover{transform:translateY(-4px);border-color:rgba(255,217,138,.46)}
.network-card strong{font-size:19px}
.network-card span,.network-card p{color:#d8c092;line-height:1.65}
.main-network{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,217,138,.15),transparent 34%),linear-gradient(135deg,rgba(255,217,138,.16),rgba(42,176,170,.07))}
.contact{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 clamp(18px,6vw,90px) 54px;padding:42px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,217,138,.15),transparent 34%),linear-gradient(135deg,rgba(255,217,138,.18),rgba(0,0,0,.26));box-shadow:var(--shadow)}
.contact h2{font-size:clamp(30px,4vw,52px)}
.contact p{color:#e3cc9e;max-width:700px;line-height:1.7}
.apply-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:start}
.apply-copy,.apply-form-wrap{border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:var(--shadow);background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,217,138,.15),transparent 35%),linear-gradient(160deg,rgba(255,217,138,.10),rgba(16,10,8,.94))}
.apply-copy p:not(.eyebrow){color:#dfcda8;line-height:1.8}
.apply-points{display:grid;gap:12px;margin-top:28px}
.apply-points div{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,217,138,.08);color:#ead6ab}
.apply-points span{font-size:22px;color:var(--gold-2)}
.sponsor-form{display:flex;flex-direction:column;gap:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:flex;flex-direction:column;gap:8px}
label span{font-size:13px;font-weight:800;letter-spacing:.04em;color:#e8d7b2}
input,select,textarea{width:100%;border-radius:16px;border:1px solid rgba(255,217,138,.16);background:rgba(255,255,255,.045);padding:14px 15px;color:var(--cream);font:inherit;outline:none}
input::placeholder,textarea::placeholder{color:#bda57a}
input:focus,select:focus,textarea:focus{border-color:rgba(255,217,138,.5);box-shadow:0 0 0 3px rgba(255,217,138,.08)}
.full-field{grid-column:1/-1}
.form-actions{display:flex;gap:12px;flex-wrap:wrap}
.copy-status{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,217,138,.08);color:#d9c49a;font-size:14px;line-height:1.6}
.site-footer{padding:0 clamp(18px,6vw,90px) 36px}
.footer-top{display:grid;grid-template-columns:1.45fr .85fr 1fr;gap:18px;padding:32px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,217,138,.15),transparent 35%),linear-gradient(135deg,rgba(255,217,138,.12),rgba(16,10,8,.92));box-shadow:var(--shadow)}
.footer-brand{display:flex;gap:18px;align-items:flex-start}.footer-logo-wrap{width:110px;height:110px;border-radius:24px;overflow:hidden;border:1px solid var(--line-strong);flex-shrink:0}.footer-logo-wrap img{width:100%;height:100%;object-fit:cover}.footer-brand h3{margin:8px 0 10px;font-family:Cinzel,serif;font-size:34px;color:var(--cream)}.footer-brand p:last-child{color:#ddc79f;line-height:1.7;margin:0}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{margin:0 0 10px;font-family:Cinzel,serif;color:var(--gold-2);font-size:22px}.footer-col a,.footer-col span,.footer-col p{color:#dcc59a;line-height:1.7}.accent-col{padding:20px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,217,138,.08)}.footer-btn{margin-top:8px}.footer-bottom{display:flex;justify-content:space-between;padding:20px 8px 0;color:#b99558;border-top:1px solid rgba(255,217,138,.08);margin-top:18px}.mobile-dock{display:none}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease, transform .85s ease}
.reveal.visible{opacity:1;transform:none}
.hero-enter{animation:heroLift 1.2s ease .15s both}
@keyframes heroLift{from{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1200px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:48px}.visual-shell{min-height:520px}.sponsor-grid{grid-template-columns:1fr 1fr}.network,.apply-shell{grid-template-columns:1fr 1fr}.contact{flex-direction:column;align-items:flex-start;margin-bottom:54px}.form-grid{grid-template-columns:1fr}}
@media(max-width:780px){.topbar nav{display:none}.hero::before{inset:24px 12px 18px}.network,.apply-shell{grid-template-columns:1fr}}
@media(max-width:640px){.hero h1{font-size:43px}.hero-text{font-size:17px}.visual-shell{min-height:430px}.visual-copy{padding:22px}.hero-card h2{font-size:30px}.sponsor-grid,.network,.footer-top{grid-template-columns:1fr}.contact,.apply-copy,.apply-form-wrap{margin-inline:16px;padding:26px}.section{padding-inline:16px}.site-footer{padding-inline:16px}.footer-brand{flex-direction:column}.footer-logo-wrap{width:88px;height:88px}.footer-brand h3{font-size:28px}.footer-bottom{flex-direction:column;gap:8px;padding-bottom:92px}.mobile-dock{position:fixed;left:14px;right:14px;bottom:12px;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border:1px solid var(--line);border-radius:22px;background:rgba(8,5,4,.88);backdrop-filter:blur(16px)}.mobile-dock a{font-size:12px;text-align:center;color:var(--gold-2);padding:10px 4px;border-radius:15px;background:rgba(255,255,255,.04)}}


/* Loading ekranı güvenlik düzeltmesi: JS hata verse bile ekranda kalmaz */
@keyframes loaderSafetyHide {
  0%, 72% { opacity: 1; visibility: visible; pointer-events: all; }
  100% { opacity: 0; visibility: hidden; pointer-events: none; }
}
.loader {
  animation: loaderSafetyHide 2.6s ease forwards;
}
.loader.hide {
  animation: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}