/* =================================
   XENYRA – GLOBAL SCROLL BEHAVIOR
   Smooth 2030 navigation movement
   ================================= */

html{
  scroll-behavior:smooth;
}

/* =================================
   XENYRA – GLOBAL WEBSITE SYSTEM
   Core visual foundation for Xenyra.com
   ================================= */

:root{
  /* Core background */
  --xen-bg: #05070d;
  --xen-bg-soft: #0b1020;
  --xen-bg-card: rgba(255,255,255,.06);

  /* Text */
  --xen-text: #f5f7fb;
  --xen-text-muted: #a7afc2;
  --xen-text-soft: #d6dcef;

  /* Brand colors */
  --xen-blue: #1d7cff;
  --xen-cyan: #00e5ff;
  --xen-violet: #7c3cff;
  --xen-purple: #b026ff;

  /* Borders / glass */
  --xen-border: rgba(255,255,255,.12);
  --xen-border-strong: rgba(255,255,255,.22);
  --xen-glass: rgba(255,255,255,.08);

  /* Shadows */
  --xen-shadow-soft: 0 18px 60px rgba(0,0,0,.28);
  --xen-shadow-strong: 0 30px 90px rgba(0,0,0,.45);

  /* Radius */
  --xen-radius-sm: 10px;
  --xen-radius-md: 18px;
  --xen-radius-lg: 28px;
  --xen-radius-xl: 36px;

  /* Layout */
  --xen-container: 1180px;

  /* Spacing */
  --xen-space-xs: 8px;
  --xen-space-sm: 16px;
  --xen-space-md: 32px;
  --xen-space-lg: 64px;
  --xen-space-xl: 104px;
}

/* Basic page reset for Xenyra blocks */
.xen-page,
.xen-section,
.xen-section *{
  box-sizing:border-box;
}

.xen-page{
  width:100%;
  background:
    radial-gradient(circle at 20% 10%, rgba(29,124,255,.18), transparent 32%),
    radial-gradient(circle at 80% 20%, rgba(176,38,255,.16), transparent 34%),
    radial-gradient(circle at 50% 90%, rgba(0,229,255,.10), transparent 38%),
    var(--xen-bg);
  color:var(--xen-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow:hidden;
}

/* Main container */
.xen-container{
  width:min(var(--xen-container), calc(100% - 40px));
  margin:0 auto;
}

/* Standard section */
.xen-section{
  position:relative;
  padding:var(--xen-space-xl) 0;
}

/* Section label */
.xen-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--xen-border);
  background:rgba(255,255,255,.06);
  color:var(--xen-cyan);
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Headings */
.xen-title{
  margin:18px 0 0;
  max-width:860px;
  color:var(--xen-text);
  font-size:clamp(42px, 7vw, 88px);
  line-height:.96;
  letter-spacing:-.06em;
  font-weight:850;
}

.xen-subtitle{
  margin:24px 0 0;
  max-width:680px;
  color:var(--xen-text-muted);
  font-size:clamp(17px, 2vw, 21px);
  line-height:1.55;
  font-weight:500;
}

/* Text */
.xen-text{
  color:var(--xen-text-muted);
  font-size:16px;
  line-height:1.65;
}

/* Glass card */
.xen-card{
  border:1px solid var(--xen-border);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.045));
  border-radius:var(--xen-radius-lg);
  box-shadow:var(--xen-shadow-soft);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

/* Gradient text */
.xen-gradient-text{
  background:linear-gradient(90deg, var(--xen-cyan), var(--xen-blue), var(--xen-purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Simple grid helpers */
.xen-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.xen-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

/* Responsive */
@media (max-width:900px){
  .xen-grid-2,
  .xen-grid-3{
    grid-template-columns:1fr;
  }

  .xen-section{
    padding:72px 0;
  }

  .xen-container{
    width:min(100% - 28px, var(--xen-container));
  }
}

@media (max-width:520px){
  .xen-title{
    font-size:clamp(38px, 14vw, 58px);
  }

  .xen-subtitle{
    font-size:16px;
  }
}