:root {
      --navy:#0A1A2F;
      --deep:#1C2B3A;
      --blue:#1E5FFF;
      --text:#C5C9CC;
      --white:#fff;
    }

    body{
      margin:0;
      font-family:'Open Sans',sans-serif;
      background:linear-gradient(180deg,var(--navy),var(--deep));
      color:var(--text);
      line-height:1.7;
    }

    h1,h2,h3{
      font-family:'Montserrat',sans-serif;
      color:var(--white);
      margin-top:30px;
    }

    a{
      color:var(--blue);
      text-decoration:none;
    }

    /* HEADER */
    header{
      padding:20px;
      display:flex;
      justify-content:space-between;
      background:rgba(10,26,47,0.8);
      backdrop-filter:blur(10px);
    }

    .logo{color:white;font-weight:700;}
    .nav a{margin-left:20px;color:var(--text);}

    /* ARTICLE */
    .container{
      max-width:800px;
      margin:auto;
      padding:60px 20px;
    }

    .tag{
      color:var(--blue);
      font-size:14px;
      margin-bottom:10px;
      display:block;
    }

    h1{
      font-size:2.4rem;
      background:linear-gradient(90deg,#fff,#9dbfff);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
    }

    p{margin:15px 0;}

    ul{
      padding-left:20px;
    }

    li{
      margin:10px 0;
    }

    /* CTA BOX */
    .cta-box{
      margin-top:40px;
      padding:25px;
      background:rgba(255,255,255,0.05);
      border:1px solid rgba(255,255,255,0.1);
      border-radius:10px;
      text-align:center;
    }

    .btn{
      display:inline-block;
      margin-top:15px;
      padding:12px 20px;
      background:var(--blue);
      color:white;
      border-radius:6px;
    }

    /* FOOTER */
    footer{
      text-align:center;
      padding:30px;
      background:#081321;
      margin-top:40px;
    }