:root{--theme:#a21caf;--ink:#030712;--soft:rgba(162,28,175,.1);--border:rgba(162,28,175,.5)}
*{box-sizing:border-box}html{background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif}body{margin:0;min-height:100vh}.progress-shell{position:fixed;top:0;left:0;width:100%;height:5px;background:#f1f1f1;z-index:10}.progress{height:100%;width:0;background:var(--theme);transition:width .35s ease}
#app{width:min(100% - 32px,448px);margin:0 auto;padding:32px 0 56px}.screen{animation:appear .28s ease}@keyframes appear{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
h1,h2,p{margin-top:0}h1{font-size:25px;line-height:1.22}h2{font-size:22px;line-height:1.28}.center{text-align:center}.hero,.content-img{display:block;width:100%;height:auto;border-radius:4px;margin:0 auto 16px}.hero{max-width:265px;border-radius:0}.intro{margin-bottom:18px}.intro p{line-height:1.55}.options{display:grid;gap:12px}.options.two{grid-template-columns:1fr 1fr}.option{appearance:none;border:1px solid var(--border);background:var(--soft);border-radius:16px;min-height:56px;padding:13px;text-align:left;color:var(--ink);font:500 15px/1.35 Inter;cursor:pointer;transition:.16s}.option:hover,.option.selected{border-color:var(--theme);transform:scale(1.01);box-shadow:0 4px 14px rgba(162,28,175,.11)}.option.media{padding:0;overflow:hidden;background:#fff;text-align:center}.option.media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.option.media span{display:block;padding:12px 8px;min-height:62px}.option .badge{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;margin-right:10px;font-weight:700}.alert{padding:16px;border-radius:16px;background:#f5f3ff;margin:16px 0;line-height:1.55}.alert.danger{background:#fee2e2;color:#991b1b;font-weight:700}.alert.warning{background:#fef3c7}.small{font-size:13px}.cta{width:100%;min-height:56px;border:0;border-radius:16px;background:var(--theme);color:#fff;font:700 15px/1.3 Inter;padding:15px 18px;cursor:pointer;margin-top:16px}.cta:disabled{opacity:.48;cursor:not-allowed}.cta.green{background:#16a34a;font-size:16px;box-shadow:0 8px 22px rgba(22,163,74,.28)}.loading{text-align:center;padding-top:25vh}.loader{width:54px;height:54px;border:6px solid #eee;border-top-color:var(--theme);border-radius:50%;margin:0 auto 22px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadbar{height:10px;border-radius:8px;background:#eee;overflow:hidden;margin:18px 0 10px}.loadfill{height:100%;background:var(--theme);animation:fill var(--seconds) linear forwards}@keyframes fill{to{width:100%}}
.carousel{overflow:hidden}.slides{display:flex;transition:transform .3s}.slide{min-width:100%;text-align:center}.slide img{display:block;width:100%;border-radius:8px}.dots{text-align:center;margin:10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ddd;margin:3px}.dot.active{background:var(--theme)}.highlight{background:var(--theme);color:#fff;padding:2px 4px}.feature-list p{line-height:1.55;margin:0 0 12px}.price{border:2px solid var(--theme);border-radius:16px;text-align:center;overflow:hidden;margin:18px 0 0}.price .featured{background:var(--theme);color:#fff;font-weight:800;padding:10px}.price .inside{padding:16px}.price strong{font-size:34px}.spacer{height:18px}
@media(max-width:480px){#app{width:min(100% - 24px,448px);padding-top:24px}h1{font-size:22px}h2{font-size:20px}.options.two{gap:9px}.option.media span{font-size:13px}.hero{max-width:240px}}