/* ==========================================================================
   AlphaTech — standalone full-screen pages (404 + domain parked)
   No site header/footer: these stand on their own.
   ========================================================================== */
.at-standalone{
  position:fixed;inset:0;z-index:99999;
  display:grid;place-items:center;
  padding:32px 20px;
  background:linear-gradient(160deg,#020814 0%,#030f24 45%,#061a3c 100%);
  color:#fff;
  font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  overflow:hidden;
  text-align:center;
}

/* drifting aurora */
.at-standalone::before,.at-standalone::after{
  content:'';position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;
}
.at-standalone::before{
  width:640px;height:640px;top:-180px;left:-160px;
  background:radial-gradient(circle,rgba(21,96,239,.55),transparent 70%);
  animation:atSaDrift1 18s ease-in-out infinite alternate;
}
.at-standalone::after{
  width:540px;height:540px;bottom:-200px;right:-120px;
  background:radial-gradient(circle,rgba(91,155,255,.35),transparent 70%);
  animation:atSaDrift2 22s ease-in-out infinite alternate;
}
@keyframes atSaDrift1{to{transform:translate(140px,90px) scale(1.15)}}
@keyframes atSaDrift2{to{transform:translate(-120px,-80px) scale(1.1)}}

.at-sa__inner{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:22px;
  max-width:660px;width:100%;
  animation:atSaIn .8s cubic-bezier(.16,1,.3,1) both;
}
@keyframes atSaIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

.at-sa__logo{height:38px;width:auto;display:block;margin-bottom:6px}

/* the brand triangle, drawing itself */
.at-sa__mark{width:min(230px,60vw);height:auto;display:block}
.at-sa__mark .tri{
  fill:none;stroke-linejoin:round;stroke-linecap:round;
  animation:atSaDraw 2.2s cubic-bezier(.16,1,.3,1) forwards;
}
.at-sa__mark .tri--1{stroke:#2f7dff;stroke-width:10;stroke-dasharray:780;stroke-dashoffset:780}
.at-sa__mark .tri--2{stroke:#7fb2ff;stroke-width:8;stroke-dasharray:582;stroke-dashoffset:582;opacity:.75;animation-delay:.3s}
@keyframes atSaDraw{to{stroke-dashoffset:0}}
.at-sa__mark .pulse{
  fill:none;stroke:#9cc4ff;stroke-width:10;stroke-linecap:round;
  stroke-dasharray:22 758;filter:drop-shadow(0 0 7px rgba(156,196,255,.95));
  animation:atSaTravel 3.6s linear 2.2s infinite;
}
@keyframes atSaTravel{to{stroke-dashoffset:-780}}

.at-sa__code{
  font-size:clamp(3.4rem,13vw,6.4rem);font-weight:900;letter-spacing:-.05em;line-height:1;
  background:linear-gradient(100deg,#5b9bff,#9cc4ff 55%,#cfe2ff);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.at-sa__title{
  font-size:clamp(1.35rem,3.4vw,2rem);font-weight:850;letter-spacing:-.03em;color:#fff;margin:0;
}
.at-sa__text{
  font-size:1rem;line-height:1.7;color:rgba(255,255,255,.7);margin:0;max-width:48ch;
}
.at-sa__btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 32px;border-radius:999px;
  font-size:.95rem;font-weight:650;color:#fff;text-decoration:none;white-space:nowrap;
  background:linear-gradient(120deg,#0b45b8,#1560ef 55%,#2f7dff);
  box-shadow:0 14px 36px -10px rgba(21,96,239,.75);
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;
}
.at-sa__btn:hover{transform:translateY(-3px);box-shadow:0 20px 46px -10px rgba(21,96,239,.9)}
.at-sa__btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.at-sa__btn:hover svg{transform:translateX(4px)}

.at-sa__meta{
  font-size:.8rem;color:rgba(255,255,255,.45);letter-spacing:.04em;margin-top:6px;
}
.at-sa__meta a{color:rgba(255,255,255,.75);text-decoration:underline;text-underline-offset:2px}
.at-sa__meta a:hover{color:#fff}

/* floating particles */
.at-sa__dot{
  position:absolute;border-radius:50%;background:rgba(127,178,255,.55);
  animation:atSaFloat linear infinite;pointer-events:none;
}
@keyframes atSaFloat{
  from{transform:translateY(0) scale(1);opacity:0}
  10%{opacity:.8}
  90%{opacity:.5}
  to{transform:translateY(-120px) scale(.4);opacity:0}
}

@media (max-width:600px){
  .at-sa__inner{gap:16px}
  .at-sa__logo{height:30px}
}