:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#292143;background:#fff5ec}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 5% 16%,#ffd9e5 0 7%,transparent 7.1%),radial-gradient(circle at 94% 76%,#dcd5ff 0 9%,transparent 9.1%),linear-gradient(145deg,#fff6e7,#ffedf1 58%,#f1edff);overflow-x:hidden}.shell{max-width:1040px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#693acd;text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-.05em}.brand:first-letter{color:#f56287}.brand span{font-size:14px;letter-spacing:.04em;color:#292143}.small,.eyebrow{color:#a05799;font-size:12px;font-weight:800;letter-spacing:.14em}header .small{padding:8px 14px;background:#fff;border:1px solid #f7d8e5;border-radius:50px}#app{min-height:76vh;display:flex;align-items:center;padding:28px 0}.card{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:clamp(28px,6vw,68px);background:#fffefa;border:2px solid #34284c;border-radius:30px;box-shadow:9px 10px 0 #d8c8ef;animation:pop-in .42s cubic-bezier(.2,.8,.3,1) both}.card::before{content:'✦';position:absolute;right:25px;top:16px;color:#ffb72d;font-size:26px;animation:twinkle 2.6s ease-in-out infinite}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;min-height:510px}.hero>div:first-child{position:relative;z-index:1}.eyebrow{display:inline-block;padding:8px 12px;background:#fff0bc;border-radius:8px;color:#a46020;transform:rotate(-2deg);font-size:11px}h1,h2{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.35;letter-spacing:-.04em}h1{font-size:clamp(40px,6.2vw,68px);font-weight:900;margin:26px 0 16px;color:#30204d;text-shadow:3px 3px 0 #ffe08a}h2{font-size:clamp(25px,4vw,37px);margin:22px 0 28px;font-weight:850}p{line-height:1.9;color:#6c607b}.ticket{position:relative;min-height:335px;display:flex;align-items:center;justify-content:center;text-align:center;color:#713b84;font-size:25px;font-weight:900;line-height:1.8;letter-spacing:.06em;background:radial-gradient(circle at 50% 48%,#fff4b5 0 28%,transparent 28.5%),linear-gradient(145deg,#ffbbd0,#e2c9ff);border:2px solid #34284c;border-radius:48% 48% 28px 28px;box-shadow:7px 7px 0 #f7cf68;transform:rotate(3deg);animation:float 4s ease-in-out infinite}.ticket::before{content:'FRIENDSHIP CLUB';position:absolute;top:32px;left:50%;transform:translateX(-50%) rotate(-5deg);white-space:nowrap;font-size:11px;letter-spacing:.2em;color:#aa5486}.ticket::after{content:'✦  ♥  ✦';position:absolute;bottom:34px;color:#fff;font-size:23px;letter-spacing:.35em}.btn,button{font:inherit;cursor:pointer}.btn{border:2px solid #30204d;border-radius:50px;background:#ffca49;color:#30204d;padding:14px 28px;font-weight:850;box-shadow:4px 4px 0 #30204d;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translate(-2px,-3px);box-shadow:6px 7px 0 #30204d;background:#ffdb70}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #30204d}.secondary{background:#f0e6ff}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}.options{display:grid;gap:14px}.option{background:#fff8e9;text-align:left;border:2px solid #e9dded;color:#342448;padding:19px 20px;border-radius:16px;line-height:1.6;font-weight:650;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.option:nth-child(2){background:#f9f2ff}.option:hover,.option:focus-visible{border-color:#a765e7;background:#fff0f6;transform:translateX(5px);box-shadow:4px 4px 0 #ead6f3}.progress{height:10px;background:#f4e9f3;border-radius:9px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#ff8ca9,#b883ec);border-radius:9px;transition:width .35s}.meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px;color:#9c659e;font-size:13px;font-weight:800}.back{border:0;background:none;color:#8b699a;padding:20px 0 0;font-weight:700}.result-name{color:#ed6292;font-size:clamp(40px,7vw,62px);font-weight:900;letter-spacing:-.04em;margin:12px 0;text-shadow:3px 3px 0 #ffe499}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.detail{background:#fff4dc;border:1px solid #f8e2a8;border-radius:17px;padding:20px}.detail:nth-child(2){background:#f5ecff;border-color:#e8dafb}.detail strong{color:#8551af}.detail p{margin:8px 0 0}footer{color:#a18d9a;font-size:12px;line-height:2;text-align:center;padding:20px 0 30px}button:focus-visible,a:focus-visible{outline:3px solid #804ce1;outline-offset:4px}@keyframes pop-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-8px)}}@keyframes twinkle{50%{transform:rotate(30deg) scale(1.25)}}@media(max-width:600px){.shell{padding:18px}.hero{grid-template-columns:1fr;gap:26px;min-height:0}.ticket{min-height:185px;font-size:20px;max-width:300px;width:100%;margin:0 auto}.ticket::before{top:19px}.ticket::after{bottom:17px;font-size:17px}.result-grid{grid-template-columns:1fr}.small{display:none}.card{border-radius:24px;box-shadow:6px 7px 0 #d8c8ef}#app{min-height:75vh;padding:22px 0}.option{padding:16px}.brand span{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.access-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:24px 0}.access-form label{width:100%;font-weight:700}.access-form input{font:inherit;padding:13px 16px;border:2px solid #cfc0da;border-radius:12px;min-width:0;flex:1}.access-form input:focus-visible{outline:3px solid #804ce1;outline-offset:2px}#accessError{width:100%;color:#b83049;margin:0}