:root{
  --bg:#09131d;
  --bg-soft:#101c29;
  --bg-card:rgba(16,28,41,0.88);
  --bg-card-strong:#162433;
  --text:#f4ede3;
  --text-soft:#cdbfa8;
  --text-mid:#b7a994;
  --text-muted:#8e836f;
  --accent:#e8a94a;
  --accent-strong:#f3c36d;
  --accent-soft:rgba(232,169,74,0.14);
  --accent-border:rgba(232,169,74,0.28);
  --border:rgba(255,255,255,0.08);
  --shadow:0 18px 44px rgba(0,0,0,0.24);
  --radius-sm:12px;
  --radius-md:20px;
  --radius-lg:28px;
  --font-display:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --font-body:"Segoe UI","Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  min-height:100vh;
  overflow-x:hidden;
  color:var(--text);
  font:16px/1.6 var(--font-body);
  background:
    radial-gradient(circle at top left,rgba(232,169,74,0.12),transparent 32%),
    radial-gradient(circle at bottom right,rgba(84,137,187,0.14),transparent 28%),
    linear-gradient(180deg,#08111a 0%,#0b1723 52%,#09131d 100%);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(circle at center,black 30%,transparent 85%);
}

a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{border:0;background:none;color:inherit;cursor:pointer}
img{display:block;max-width:100%}

.wrap{position:relative;z-index:1}
.hidden{display:none !important}

.anim-up{opacity:0;animation:fadeUp .55s ease forwards}
.anim-up-1{animation-delay:.04s}
.anim-up-2{animation-delay:.08s}
.anim-up-3{animation-delay:.12s}
.anim-up-4{animation-delay:.16s}
.anim-up-5{animation-delay:.2s}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes pulse{
  0%,100%{transform:scale(1);opacity:.75}
  50%{transform:scale(1.08);opacity:1}
}

@keyframes spin{
  to{transform:rotate(360deg)}
}

@keyframes rot{
  to{transform:rotate(360deg)}
}

@keyframes shimmer{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}

@keyframes glow{
  0%,100%{box-shadow:0 0 0 rgba(232,169,74,0)}
  50%{box-shadow:0 0 28px rgba(232,169,74,0.22)}
}

@keyframes drift{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}