:root {
    font-family: Inter, Arial, sans-serif;
    color: #f4f8fc;
    background-color: #07111f;
  }
  
  * {
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
  
    background:
      radial-gradient(
        circle at 20% 20%,
        rgba(47, 85, 151, 0.35),
        transparent 38%
      ),
      radial-gradient(
        circle at 80% 75%,
        rgba(25, 122, 135, 0.25),
        transparent 35%
      ),
      linear-gradient(
        135deg,
        #07111f,
        #10263d 55%,
        #091823
      );
  }
  
  main {
    width: min(900px, 100%);
    padding: clamp(40px, 8vw, 90px);
  
    background: rgba(8, 20, 34, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
  
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  }
  
  h1 {
    margin: 0;
    font-size: clamp(48px, 9vw, 96px);
    line-height: 0.95;
    letter-spacing: -0.055em;
  }
  
  p {
    max-width: 680px;
    margin: 24px 0 0;
  
    color: #c7d5e4;
    font-size: clamp(17px, 2.3vw, 22px);
    line-height: 1.6;
  }
  
  p:first-of-type {
    color: #70d7cb;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }