:root{--brand:#5b5fc7;--ink:#1a1b2e;--bg:#f0f0f5}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#fff;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.6}.gen-wrap{position:relative;overflow:hidden;width:100%;max-width:520px;margin:0 auto;border-radius:20px;background:#fff;box-shadow:0 10px 40px rgba(26,27,46,.1);padding:clamp(28px,6vw,44px) clamp(20px,5vw,36px)}.gen-orb{position:absolute;border-radius:50%;filter:blur(46px);opacity:.35;pointer-events:none}.gen-orb-a{width:220px;height:220px;background:#2a3cdb;top:-90px;right:-60px;animation:gen-float 9s ease-in-out infinite}.gen-orb-b{width:180px;height:180px;background:#d946a8;bottom:-70px;left:-50px;animation:gen-float 11s ease-in-out infinite reverse}.gen-orb-c{width:120px;height:120px;background:#7b2fbd;top:40%;right:10%;animation:gen-float 13s ease-in-out infinite}@keyframes gen-float{0%,to{transform:translate(0)}50%{transform:translate(-14px,18px)}}.gen-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.gen-inner{position:relative;z-index:2}.gen-ring{width:54px;height:54px;border-radius:50%;background:conic-gradient(from 0deg,#2a3cdb,#7b2fbd,#d946a8,#2a3cdb);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));animation:gen-spin .9s linear infinite}@keyframes gen-spin{to{transform:rotate(1turn)}}.gen-title{font-size:clamp(19px,5vw,23px);font-weight:700;color:var(--ink);margin:18px 0 4px}.gen-sub{font-size:14px;color:#888;margin:0 0 22px}.gen-steps{flex-direction:column}.gen-step,.gen-steps{display:flex;gap:11px}.gen-step{align-items:center;font-size:14.5px;color:#b8b4c4;transition:color .4s}.gen-step.active{color:var(--ink);font-weight:600}.gen-step.done{color:#555}.gen-mark{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;border:1.5px solid #e2dff0;background:#fff;color:transparent;transition:all .4s}.gen-step.done .gen-mark{background:linear-gradient(135deg,#7b2fbd,#d946a8);border-color:transparent;color:#fff}.gen-step.active .gen-mark{border-color:#c9a8e8;box-shadow:0 0 0 4px rgba(123,47,189,.08);animation:gen-pulse 1.1s ease-in-out infinite}@keyframes gen-pulse{0%,to{box-shadow:0 0 0 4px rgba(123,47,189,.08)}50%{box-shadow:0 0 0 7px rgba(123,47,189,.02)}}