* { 
      margin:0; 
      padding:0; 
      box-sizing:border-box; 
      font-family:"Segoe UI",sans-serif; 
      -webkit-tap-highlight-color: transparent;
      tap-highlight-color: transparent;
      outline: none;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      background: #ffffff;
      color:#111111;
      user-select: none;
      -webkit-user-select: none;
    }
    header {
      position:fixed;
      top:0;
      width:100%;
      padding:20px 50px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      background:rgba(255,255,255,0.85);
      backdrop-filter: blur(10px);
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
      z-index:1000;
    }
    header h1 { font-size:22px; color:#222; }
    nav a {
      margin-left:20px;
      text-decoration:none;
      color:#555;
      transition:0.3s;
    }
    nav a:hover { color:#000; }
    section {
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      padding:120px 20px 60px;
      text-align:center;
    }
    #home {
      background: #f8fafc;
    }
    h2 { font-size:40px; margin-bottom:20px; color:#1e293b; }
    p { max-width:700px; color:#666; line-height:1.6; }
    .download-group {
      display: flex;
      gap: 20px;
      margin-top: 30px;
      flex-wrap: wrap;
      justify-content: center;
    }
    .btn {
      padding:12px 30px;
      border:none;
      border-radius:30px;
      background:linear-gradient(45deg,#3b82f6,#06b6d4);
      color:#fff;
      cursor:pointer;
      transition:0.3s;
      -webkit-tap-highlight-color: transparent;
      outline: none;
    }
    .btn:hover { transform:scale(1.05); }
    .btn:active { transform:scale(0.98); }
    .features {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
      gap:20px;
      margin-top:40px;
      width:100%;
      max-width:1000px;
    }
    .card {
      background:#ffffff;
      border-radius:20px;
      padding:20px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.06);
      transition:0.3s;
    }
    .card:hover {
      transform:translateY(-10px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    }
    .mail-box{
      margin-top: 20px;
    }
    .mail-btn{
      display: inline-block;
      padding: 8px 18px;
      background: #3b82f6;
      color: #fff;
      text-decoration: none;
      border-radius: 8px;
      margin-left: 10px;
    }
    .mail-btn:hover{
      background: #2563eb;
    }
    footer {
      text-align:center;
      padding:20px;
      background:#f1f5f9;
      color:#888;
    }