:root{
      /* LAVENDER CIVIC THEME */
      --bg-main:#F5EEFF;
      --card-bg:#FFFFFF;
      --heading:#5B21B6;
      --accent:#7C3AED;
      --accent-soft:#EDE9FE;
      --text-main:#2E1065;
      --text-muted:#6B21A8;
      --border:#DDD6FE;

      --radius:16px;
      --shadow:0 14px 28px rgba(88,28,135,0.12);
    }

    *{margin:0;padding:0;box-sizing:border-box;}

    body{
      font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:var(--bg-main);
      color:var(--text-main);
      line-height:1.55;
    }

    /* LAYOUT */
    .page-wrap{
      max-width:1120px;
      margin:0 auto;
      padding:2.6rem 1.4rem 3.2rem;
      
    }

    @media(max-width:1200px){
      .page-wrap{
        padding-left:2rem;
        padding-right:2rem;
      }
    }

    /* HERO */
    .hero{
      max-width:760px;
      margin-bottom:2.4rem;
    }

    .hero h1{
      font-size:clamp(2.4rem,3.2vw,2.9rem);
      font-weight:800;
      letter-spacing:-0.02em;
      color:var(--heading);
      margin-bottom:0.45rem;
    }

    .hero p{
      font-size:1.05rem;
      color:var(--text-muted);
      max-width:600px;
    }

    /* CARD */
    .card{
      background:var(--card-bg);
      border-radius:var(--radius);
      border:1px solid var(--border);
      padding:1.3rem 1.5rem;
      margin-bottom:1.1rem;
      box-shadow:var(--shadow);
      transition:transform 0.2s ease, box-shadow 0.2s ease;
    }

    .card:hover{
      transform:translateY(-3px);
      box-shadow:0 18px 36px rgba(88,28,135,0.18);
    }

    .card h3{
      font-size:1.08rem;
      font-weight:600;
      color:var(--accent);
      display:flex;
      align-items:center;
      gap:0.55rem;
      margin-bottom:0.55rem;
    }

    /* ICON */
    .icon-circle{
      width:38px;
      height:38px;
      border-radius:12px;
      background:var(--accent-soft);
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--accent);
      font-size:1rem;
      flex-shrink:0;
    }

    /* LIST */
    ul.clean-list{
      list-style:none;
      margin-top:0.3rem;
    }

    ul.clean-list li{
      display:flex;
      gap:0.55rem;
      align-items:flex-start;
      font-size:0.95rem;
      color:var(--text-main);
      margin-bottom:0.28rem;
    }

    ul.clean-list i{
      color:var(--accent);
      font-size:0.75rem;
      margin-top:0.35rem;
      flex-shrink:0;
    }

    /* GRID */
    .grid-2{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:1rem;
    }

    /* MINI CARD */
    .mini-card{
      background:#FAF7FF;
      border-radius:14px;
      border:1px solid var(--border);
      padding:1rem 1.1rem;
    }

    .mini-card h4{
      font-size:0.97rem;
      font-weight:600;
      color:var(--heading);
      margin-bottom:0.25rem;
    }

    .mini-card p{
      font-size:0.86rem;
      color:var(--text-muted);
    }

    /* TABLE */
    .table-wrap{
      border-radius:14px;
      border:1px solid var(--border);
      overflow:hidden;
      background:#FFFFFF;
      margin-top:0.5rem;
    }

    table{
      width:100%;
      border-collapse:collapse;
      font-size:0.9rem;
    }

    thead{
      background:#EDE9FE;
    }

    th,td{
      padding:0.6rem 0.75rem;
      text-align:left;
      border-bottom:1px solid #E5E7EB;
    }

    th{
      font-weight:600;
      color:var(--heading);
    }

    tbody tr:nth-child(even){
      background:#FAF7FF;
    }