Summit — Event Coming Soon

<main class="ev-wrap"><div class="ev-inner">
  <header class="ev-top"><a class="ev-brand" href="#">◆ SUMMIT '26</a><span class="ev-pill">Tickets open soon</span></header>
  <section class="ev-hero">
    <p class="ev-meta">Oct 14–15, 2026 · Lisbon, Portugal</p>
    <h1>The conference for people building the future of the web.</h1>
    <p class="ev-lead">Two days, 40 speakers, one unforgettable venue. Register your interest now and get first access to early-bird tickets before they're public.</p>
    <div class="ev-count" role="group" aria-label="Until the event"><div><b>96</b><span>Days</span></div><div><b>14</b><span>Hrs</span></div><div><b>03</b><span>Min</span></div></div>
    <form class="ev-form" novalidate><label class="visually-hidden" for="ev-e">Email</label>
      <input id="ev-e" type="email" placeholder="you@email.com" autocomplete="email" required><button type="submit">Register interest</button></form>
    <div class="ev-speakers"><span>Featuring</span><div class="ev-spk"><i>AR</i> Ana Reis</div><div class="ev-spk"><i>JK</i> Jonas Kessler</div><div class="ev-spk"><i>MW</i> Mira Wong</div><div class="ev-spk ev-more">+37</div></div>
  </section>
  <footer class="ev-foot"><span class="x-by">Powered by <a href="https://convertatlas.org" rel="noopener">convertatlas.org</a></span></footer>
</div></main>

*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ev-wrap{min-height:100vh;background:radial-gradient(80% 60% at 50% 0%,#1a2142,#0d1020);color:#eef1ff;font-family:'Inter',system-ui,sans-serif;display:flex;align-items:center;justify-content:center;padding:36px 20px}
.ev-inner{width:100%;max-width:740px;display:flex;flex-direction:column;gap:40px}
.ev-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.ev-brand{font-family:'Sora',sans-serif;font-weight:800;font-size:1.2rem;color:#f59e0b;text-decoration:none;letter-spacing:.04em}
.ev-pill{padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:700;color:#fcd34d;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.34)}
.ev-meta{font-size:.92rem;font-weight:700;letter-spacing:.04em;color:#f59e0b;margin:0 0 16px;text-transform:uppercase}
.ev-hero h1{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(2.1rem,6vw,3.5rem);line-height:1.04;letter-spacing:-.02em;margin:0 0 16px;max-width:17ch}
.ev-lead{color:#a8b0d6;font-size:1.08rem;line-height:1.6;max-width:52ch;margin:0 0 28px}
.ev-count{display:flex;gap:14px;margin-bottom:28px}
.ev-count div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;min-width:74px}
.ev-count b{display:block;font-family:'Sora',sans-serif;font-size:1.8rem;font-weight:800;color:#fcd34d;line-height:1}
.ev-count span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#8089b0;margin-top:4px;display:block}
.ev-form{display:flex;gap:10px;flex-wrap:wrap;max-width:460px}
.ev-form input{flex:1;min-width:180px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:1rem}
.ev-form input::placeholder{color:#7e87ad}.ev-form input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.3)}
.ev-form button{padding:14px 22px;border:0;border-radius:12px;font:inherit;font-weight:700;color:#1a1205;background:linear-gradient(135deg,#f59e0b,#fbbf24);cursor:pointer;transition:transform .2s,box-shadow .2s}
.ev-form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(245,158,11,.36)}.ev-form button:focus-visible{outline:3px solid #fde68a;outline-offset:2px}
.ev-speakers{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:34px}
.ev-speakers>span{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:#7e87ad}
.ev-spk{display:flex;align-items:center;gap:9px;font-size:.9rem;color:#c5cbe8}
.ev-spk i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.74rem;font-weight:700;color:#1a1205;background:linear-gradient(135deg,#f59e0b,#fbbf24)}
.ev-more{font-weight:700;color:#f59e0b}
.ev-foot{padding-top:6px}.x-by{font-size:.83rem;color:#7e87ad}.x-by a{color:#f59e0b;text-decoration:none;font-weight:600}.x-by a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.ev-form button{transition:none}}

(function(){var f=document.querySelector('.ev-form');if(!f)return;f.addEventListener('submit',function(e){e.preventDefault();var i=f.querySelector('input');if(!i.value||!i.checkValidity()){i.focus();i.style.borderColor='#ff6b81';return;}f.innerHTML='<p style="margin:0;color:#fcd34d;font-weight:700">✓ You\'re registered — early-bird access is on its way.</p>';});})();