body{font-family:Inter,Arial;background:#fff;color:#111;padding:40px;overflow:hidden}
.orb{position:fixed;width:500px;height:500px;background:#fa6506;opacity:.15;filter:blur(100px);right:-100px;top:-100px;animation:f 8s infinite alternate}
@keyframes f{to{transform:translate(-100px,150px)}}
header{display:flex;justify-content:space-between;align-items:center;font-weight:700;letter-spacing:2px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:40px;width:auto;display:block}
header span,.pill{color:#fa6506}
main{max-width:1200px;margin:80px auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}
h1{font-size:70px;line-height:1}
p{font-size:22px;color:#666}
.card,.scanner{padding:40px;border-radius:30px;box-shadow:0 30px 80px #0001;background:white}
input{width:100%;padding:18px;margin:8px 0;border:1px solid #ddd;border-radius:14px;font-size:18px}
button{width:100%;padding:18px;border:0;border-radius:30px;background:#fa6506;color:white;font-weight:700;font-size:18px;cursor:pointer}
.hide{display:none}
.line{height:3px;background:#fa6506;animation:s 3s infinite}
@keyframes s{from{transform:translateY(0)}to{transform:translateY(250px)}}
@media(max-width:800px){body{padding:20px}main{grid-template-columns:1fr;margin:40px auto}h1{font-size:45px}}