@charset "UTF-8";
/* Nova — Panthrix Slim Patch AI Asistanı | gecici karsilama sayfasi
   Saf CSS. Harici font yok, harici kaynak yok, JS yok. */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#07080c;
  --ink:#f4f6fb;
  --muted:#9aa3b8;
  --faint:#6a7488;
  --line:rgba(255,255,255,.09);
  --accent:#7c9cff;
  --accent-2:#5ee0c8;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

html{-webkit-text-size-adjust:100%}

body{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 24px calc(40px + env(safe-area-inset-bottom));
  font-family:var(--font);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

/* Yumusak, tek katmanli marka isigi — gorsel dosyasi yok, sadece gradyan */
body::before{
  content:"";
  position:fixed;
  inset:-30% -10% auto -10%;
  height:80%;
  background:
    radial-gradient(52% 60% at 50% 0%,rgba(124,156,255,.16),transparent 70%),
    radial-gradient(40% 45% at 78% 12%,rgba(94,224,200,.09),transparent 70%);
  pointer-events:none;
}

main{
  position:relative;
  width:100%;
  max-width:520px;
  text-align:center;
}

/* Marka isareti */
.mark{
  width:64px;
  height:64px;
  margin:0 auto 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 10px 30px -18px rgba(124,156,255,.35);
}
.mark svg{width:30px;height:30px;display:block}

h1{
  font-size:clamp(3.4rem,17vw,5.6rem);
  line-height:1;
  font-weight:600;
  letter-spacing:-.045em;
  background:linear-gradient(180deg,#ffffff 0%,#c3cde6 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.subtitle{
  margin-top:18px;
  font-size:clamp(.95rem,3.6vw,1.075rem);
  font-weight:500;
  letter-spacing:.005em;
  color:var(--ink);
}

.rule{
  width:44px;
  height:1px;
  margin:26px auto;
  border:0;
  background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent);
}

.desc{
  margin:0 auto;
  max-width:34ch;
  font-size:clamp(.925rem,3.4vw,1rem);
  line-height:1.65;
  color:var(--muted);
  text-wrap:balance;
}

.status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:32px;
  padding:9px 18px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  font-size:.85rem;
  font-weight:500;
  letter-spacing:.02em;
  color:var(--ink);
}
.dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent-2);
  box-shadow:0 0 0 0 rgba(94,224,200,.45);
  animation:pulse 2.6s ease-out infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(94,224,200,.45)}
  70%{box-shadow:0 0 0 7px rgba(94,224,200,0)}
  100%{box-shadow:0 0 0 0 rgba(94,224,200,0)}
}

footer{
  margin-top:56px;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--faint);
}

@media (max-width:360px){
  .mark{width:56px;height:56px;border-radius:18px;margin-bottom:22px}
  footer{margin-top:44px}
}

@media (min-height:820px) and (min-width:768px){
  h1{font-size:5.8rem}
}

@media (prefers-reduced-motion:reduce){
  .dot{animation:none}
}