/*
Theme Name: eVault-theme
Theme URI: 
Author: 
Author URI: 
Description: Blank theme for eVault.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eVault-theme
Tags: 
*/
<style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html, body {
      background-color: #0a0a0f !important;
      color: #ffffff;
      font-family: 'Inter', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
      min-height: 100vh;
    }

    :root {
      --bg:       #0a0a0f;
      --surface:  rgba(255,255,255,0.05);
      --border:   rgba(255,255,255,0.09);
      --ink:      #f1f1f8;
      --ink-mid:  #9b9bb8;
      --ink-dim:  #5a5a78;
      --accent:   #6366f1;
      --purple:   #a855f7;
      --green:    #22c55e;
      --amber:    #f59e0b;
      --cyan:     #22d3ee;
      --grad:     linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
    }

    html { scroll-behavior: smooth; }

    /* ── BACKGROUND ── */
    .page-bg {
      position: fixed; inset: 0; z-index: 0;
      background: #0a0a0f;
      pointer-events: none;
    }
    .orb {
      position: absolute; border-radius: 50%; pointer-events: none;
    }
    .orb-1 {
      width: 700px; height: 700px;
      background: radial-gradient(circle, rgba(99,102,241,0.18) 0%, transparent 65%);
      top: -200px; right: -200px;
    }
    .orb-2 {
      width: 600px; height: 600px;
      background: radial-gradient(circle, rgba(168,85,247,0.13) 0%, transparent 65%);
      bottom: 10%; left: -200px;
    }
    .orb-3 {
      width: 400px; height: 400px;
      background: radial-gradient(circle, rgba(34,211,238,0.07) 0%, transparent 65%);
      top: 60%; right: 10%;
    }

    /* ── NAV ── */
    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 200;
      display: flex; align-items: center; justify-content: space-between;
      padding: 18px 48px;
      background: rgba(10,10,15,0.85);
      backdrop-filter: blur(24px);
      border-bottom: 1px solid rgba(255,255,255,0.07);
    }
    .nav-logo { font-size: 22px; font-weight: 900; letter-spacing: -0.8px; text-decoration: none; }
    .nav-logo .e { color: #818cf8; }
    .nav-logo .vault { color: #f1f1f8; }
    .nav-links { display: flex; gap: 32px; align-items: center; }
    .nav-links a { color: #9b9bb8; text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.2s; }
    .nav-links a:hover { color: #f1f1f8; }
    .nav-cta {
      background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff;
      padding: 10px 22px; border-radius: 50px; font-size: 14px; font-weight: 700;
      text-decoration: none; box-shadow: 0 4px 20px rgba(99,102,241,0.4);
      transition: transform 0.15s, box-shadow 0.15s;
    }
    .nav-cta:hover { transform: translateY(-1px); box-shadow: 0 6px 28px rgba(99,102,241,0.55); }

    /* ── LAYOUT ── */
    .wrap { position: relative; z-index: 1; }
    .container { max-width: 1100px; margin: 0 auto; padding: 0 28px; }
    .page-top { margin-top: 80px; margin-bottom: 80px;}

    table { border-spacing : 0px;border-collapse: collapse;}
    table th,
    table td {
      border: 1px solid rgba(165, 180, 252, 0.3);
      padding:5px;
    }
    
    /* ── HERO ── */
    .hero {
      min-height: 100vh;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      text-align: center;
      padding: 140px 24px 80px;
    }
    .hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(99,102,241,0.12); border: 1px solid rgba(99,102,241,0.28);
      border-radius: 50px; padding: 7px 18px;
      font-size: 12px; font-weight: 600; color: #a5b4fc;
      letter-spacing: 0.6px; margin-bottom: 36px;
    }
    .badge-dot {
      width: 7px; height: 7px; border-radius: 50%; background: #22c55e;
      animation: pulse 2.2s ease-in-out infinite;
    }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.8)} }

    .hero h1 {
      font-size: clamp(50px, 9vw, 96px);
      font-weight: 900; letter-spacing: -3.5px; line-height: 1.0;
      color: #f1f1f8; margin-bottom: 12px;
    }
    .hero h1 .line2 {
      display: block;
      background: linear-gradient(135deg, #818cf8 0%, #c084fc 60%, #f472b6 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero-sub {
      font-size: clamp(16px, 2.2vw, 20px);
      color: #9b9bb8; max-width: 500px; line-height: 1.75;
      margin: 24px auto 48px; font-weight: 400;
    }
    .hero-sub strong { color: #c4b5fd; font-weight: 600; }

    .hero-actions { display: flex; gap: 14px; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 64px; }
    .btn-primary {
      display: inline-flex; align-items: center; gap: 9px;
      background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff;
      padding: 15px 32px; border-radius: 50px; font-size: 16px; font-weight: 700;
      text-decoration: none; box-shadow: 0 8px 32px rgba(99,102,241,0.45);
      transition: transform .15s, box-shadow .15s;
    }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(99,102,241,.6); }
    .btn-ghost {
      display: inline-flex; align-items: center; gap: 9px;
      background: rgba(255,255,255,0.05); color: #c4b5fd;
      border: 1px solid rgba(99,102,241,0.3);
      padding: 15px 28px; border-radius: 50px; font-size: 16px; font-weight: 600;
      text-decoration: none; transition: border-color .2s, background .2s, color .2s;
    }
    .btn-ghost:hover { border-color: rgba(99,102,241,.6); background: rgba(99,102,241,.08); color: #e0d9ff; }

    /* ── PHONE ── */
    .phone-wrap { position: relative; display: inline-block; }
    .phone-glow {
      position: absolute; inset: -40px;
      background: radial-gradient(ellipse at center, rgba(99,102,241,0.2) 0%, transparent 70%);
      border-radius: 50%; pointer-events: none;
    }
    .phone {
      width: 275px; position: relative;
      background: #13131f;
      border-radius: 48px;
      border: 1.5px solid rgba(255,255,255,0.1);
      padding: 14px;
      box-shadow: 0 48px 96px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.03);
    }
    .phone-notch {
      position: absolute; top: 0; left: 50%; transform: translateX(-50%);
      width: 88px; height: 26px; background: #0a0a0f;
      border-radius: 0 0 18px 18px; z-index: 10;
    }
    .phone-screen {
      background: #0a0a0f; border-radius: 36px;
      padding: 36px 13px 12px; min-height: 510px;
      position: relative; overflow: hidden;
    }
    .ps-orb {
      position: absolute; top: -50px; right: -40px;
      width: 180px; height: 180px; border-radius: 50%;
      background: radial-gradient(circle, rgba(99,102,241,0.22) 0%, transparent 70%);
      pointer-events: none;
    }
    .ps-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; position: relative; }
    .ps-logo { font-size: 15px; font-weight: 900; letter-spacing: -0.5px; }
    .ps-logo .e { color: #818cf8; }
    .ps-avatar { width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg,#6366f1,#a855f7); display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff; }
    .ps-card {
      background: linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);
      border-radius: 18px; padding: 16px; margin-bottom: 12px;
      position: relative; overflow: hidden;
    }
    .ps-card::after { content:''; position:absolute; top:-25px;right:-25px; width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,0.09); }
    .ps-card-lbl { font-size:9px;font-weight:600;opacity:.65;letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;color:#fff; }
    .ps-card-amt { font-size:28px;font-weight:900;letter-spacing:-1px;color:#fff;margin-bottom:12px; }
    .ps-card-stats { display:flex;gap:16px; }
    .ps-stat label { font-size:8px;opacity:.55;color:#fff;display:block;margin-bottom:2px; }
    .ps-stat span { font-size:13px;font-weight:700;color:#fff; }
    .ps-rows { display:flex;flex-direction:column;gap:7px; }
    .ps-row { display:flex;align-items:center;gap:9px;padding:9px 10px;background:rgba(255,255,255,0.05);border-radius:12px; }
    .ps-ico { width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0; }
    .ps-info { flex:1;min-width:0; }
    .ps-store { font-size:11px;font-weight:700;color:#f1f1f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .ps-date { font-size:9px;color:#5a5a78;margin-top:1px; }
    .ps-pill { font-size:8px;font-weight:600;padding:2px 7px;border-radius:20px;white-space:nowrap; }
    .pill-g { background:rgba(34,197,94,.15);color:#4ade80; }
    .pill-a { background:rgba(245,158,11,.15);color:#fbbf24; }
    .ps-amt { font-size:12px;font-weight:800;color:#f1f1f8;flex-shrink:0; }
    .ps-nav { display:flex;justify-content:space-around;align-items:center;margin-top:10px;padding:8px 4px 2px;border-top:1px solid rgba(255,255,255,0.06); }
    .ps-tab { display:flex;flex-direction:column;align-items:center;gap:2px;font-size:7px;font-weight:600;color:#5a5a78; }
    .ps-tab.on { color:#818cf8; }
    .ps-tab-ico { width:16px;height:16px;border-radius:5px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:9px; }
    .ps-tab.on .ps-tab-ico { background:rgba(99,102,241,.18); }
    .ps-qr { width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 16px rgba(99,102,241,.5);margin-top:-10px; }

    .scroll-hint { display:flex;flex-direction:column;align-items:center;gap:6px;color:#5a5a78;font-size:12px;font-weight:500;margin-top:52px;animation:bob 2.2s ease-in-out infinite; }
    @keyframes bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(7px)} }

    /* ── SECTION COMMON ── */
    .section-label { font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px; }
    .section-title { font-size:clamp(32px,5vw,54px);font-weight:900;letter-spacing:-1.5px;line-height:1.05;margin-bottom:14px;color:#f1f1f8; }
    .section-sub { font-size:17px;color:#9b9bb8;max-width:460px;line-height:1.7;margin-bottom:60px; }

    /* ── HOW IT WORKS ── */
    .how { padding: 130px 0; }
    .how .section-label { color: #818cf8; }
    .how .section-title span { color: #c084fc; }
    .steps { display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px; }
    .step {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 20px; padding: 30px 26px;
      transition: border-color .25s, transform .25s;
    }
    .step:hover { border-color: rgba(99,102,241,.4); transform: translateY(-4px); }
    .step-icon { width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px; }
    .step h3 { font-size:17px;font-weight:700;margin-bottom:8px; }
    .step h3 span { }
    .step p { font-size:14px;color:#9b9bb8;line-height:1.7; }

    /* icon bg colours */
    .ic-indigo { background: rgba(99,102,241,.14); }
    .ic-purple { background: rgba(168,85,247,.14); }
    .ic-green  { background: rgba(34,197,94,.14);  }
    .ic-amber  { background: rgba(245,158,11,.14);  }
    .ic-cyan   { background: rgba(34,211,238,.14);  }
    .ic-pink   { background: rgba(244,114,182,.14);  }

    /* text accents */
    .t-indigo { color: #818cf8; }
    .t-purple { color: #c084fc; }
    .t-green  { color: #4ade80; }
    .t-amber  { color: #fbbf24; }
    .t-cyan   { color: #67e8f9; }
    .t-pink   { color: #f9a8d4; }

    /* ── FEATURES ── */
    .features { padding: 0 0 130px; }
    .features .section-label { color: #4ade80; }
    .features .section-title span { color: #22c55e; }
    .feat-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px; }
    .feat-card {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 20px; padding: 26px;
      transition: border-color .25s;
    }
    .feat-card:hover { border-color: rgba(255,255,255,.14); }
    .feat-card.wide { grid-column: span 2; background: rgba(99,102,241,0.06); border-color: rgba(99,102,241,0.18); }
    .feat-card.wide:hover { border-color: rgba(99,102,241,.35); }
    @media(max-width:680px){ .feat-card.wide { grid-column: span 1; } }
    .feat-icon { font-size:26px;margin-bottom:14px; }
    .feat-card h3 { font-size:16px;font-weight:700;margin-bottom:7px;color:#f1f1f8; }
    .feat-card p { font-size:14px;color:#9b9bb8;line-height:1.7; }
    .feat-pill {
      display:inline-flex;align-items:center;gap:6px;
      background:rgba(99,102,241,.14);border:1px solid rgba(99,102,241,.25);
      border-radius:20px;padding:4px 12px;
      font-size:11px;font-weight:600;color:#a5b4fc;margin-top:12px;
    }

    /* ── TRUST ── */
    .trust { padding:80px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07); }
    .trust-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:36px;text-align:center; }
    .trust-item h3 { font-size:38px;font-weight:900;letter-spacing:-1px;margin-bottom:6px; }
    .trust-item p { font-size:13px;color:#9b9bb8; }

    /* ── CTA ── */
    .cta-section { padding:120px 0; }
    .cta-inner {
      background: linear-gradient(135deg, rgba(99,102,241,.1), rgba(168,85,247,.07));
      border:1px solid rgba(99,102,241,.2); border-radius:32px; padding:72px 40px;
      text-align:center; position:relative; overflow:hidden;
    }
    .cta-inner::before { content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.16) 0%,transparent 70%); }
    .cta-inner::after  { content:'';position:absolute;bottom:-80px;left:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 70%); }
    .cta-inner h2 { font-size:clamp(30px,5vw,52px);font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px;color:#f1f1f8;position:relative;z-index:1; }
    .cta-inner h2 span { color: #c084fc; }
    .cta-inner p { font-size:17px;color:#9b9bb8;margin-bottom:40px;position:relative;z-index:1; }
    .cta-btns { display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1; }
    .cta-note { font-size:12px;color:#5a5a78;margin-top:18px;position:relative;z-index:1; }

    /* ── FOOTER ── */
    footer { border-top:1px solid rgba(255,255,255,.07);padding:44px 24px;text-align:center;position:relative;z-index:1; }
    .ft-logo { font-size:20px;font-weight:900;letter-spacing:-.8px;margin-bottom:10px; }
    .ft-logo .e { color:#818cf8; }
    .ft-logo .vault { color:#f1f1f8; }
    .ft-tag { font-size:13px;color:#5a5a78;margin-bottom:20px; }
    .ft-links { display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:18px; }
    .ft-links a { font-size:13px;color:#5a5a78;text-decoration:none;transition:color .2s; }
    .ft-links a:hover { color:#9b9bb8; }
    .ft-copy { font-size:12px;color:#3a3a55; }
    .ft-aus { display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#3a3a55;margin-top:8px; }

    @media(max-width:768px){
      nav { padding:16px 20px; }
      .nav-links { display:none; }
      .hero { padding:100px 20px 60px; }
      .how,.features,.cta-section { padding:80px 0; }
      .cta-inner { padding:48px 24px; }
    }
    @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important} }
  </style>