*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;color:#342b40;background:#f1ebe4;font-family:"PingFang SC","Microsoft YaHei",sans-serif;background-image:radial-gradient(ellipse at 8% 10%,#cbb8e64d,transparent 40%),radial-gradient(ellipse at 90% 90%,#efc4ad55,transparent 45%)}.gate-card{width:100%;max-width:430px;position:relative;overflow:visible;border:1px solid #d0baa5;border-radius:22px;background:#fffbef url('/assets/watercolor-paper.svg');padding:24px 25px 20px;text-align:center;box-shadow:0 12px 40px #79667f12}.tape{position:absolute;top:-8px;left:16px;width:60px;height:23px;transform:rotate(-22deg);background:#e6b4b2a6;border-left:1px dashed #bb8683;border-right:1px dashed #bb8683}.brand{font-size:19px;font-weight:800;text-align:left}.brand span{font-size:10px;font-weight:500;float:right;margin-top:7px;color:#8a788d}.art{height:185px;position:relative;margin:10px 0 8px;background:radial-gradient(ellipse at 50% 55%,#e4d4ee88,transparent 65%)}.art img{width:148px;height:165px;object-fit:contain;animation:sway 4s ease-in-out infinite}.star{position:absolute;color:#bd9dd2;font-size:36px}.star.one{top:40px;left:45px;transform:rotate(-12deg)}.star.two{top:90px;right:42px;color:#e0b163;font-size:27px}.tiny-note{position:absolute;bottom:0;left:50%;white-space:nowrap;transform:translateX(-50%) rotate(-4deg);font-size:11px;padding:7px 14px;background:#f4d8c9;border-radius:13px 4px 12px 5px;color:#695065}.eyebrow{display:inline-block;background:#f3dda7;border:1px solid #d8bd7f;border-radius:30px;padding:6px 15px;font-size:11px;font-weight:700}h1{font-size:clamp(28px,7vw,34px);line-height:1.45;letter-spacing:-1px;margin:13px 0 10px;font-weight:900}h1 span{position:relative;z-index:0;white-space:nowrap}h1 span:after{content:'';position:absolute;left:0;right:0;bottom:0;height:9px;transform:rotate(-2deg);background:#e8b7b2b3;border-radius:6px;z-index:-1}.intro{font-size:12px;line-height:1.9;color:#78697f;margin:0 0 22px}form{text-align:left}label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}input{width:100%;border:1.5px solid #b59ecb;border-radius:15px;background:#fffdf8;min-height:58px;text-align:center;font-size:27px;color:#342b40;letter-spacing:14px;padding:9px 0 9px 14px;font-family:inherit;outline:none}input::placeholder{font-size:14px;letter-spacing:5px;color:#b8a9bf}input:focus{border-color:#77608c;box-shadow:0 0 0 3px #dfceee77}input[aria-invalid=true]{border-color:#bd6868}button{width:100%;margin-top:14px;border:2px solid #51425e;border-radius:40px;min-height:55px;background:linear-gradient(110deg,#d8c9e9,#c4b2da);color:#342b40;font-family:inherit;font-size:16px;font-weight:800;box-shadow:0 4px 0 #66547725;cursor:pointer}button span{font-size:25px;display:inline-block;vertical-align:-2px;margin-left:12px}button:disabled{opacity:.7;cursor:wait}button:focus-visible{outline:3px solid #ad87c9;outline-offset:4px}#gate-status{min-height:19px;text-align:center;font-size:12px;line-height:1.7;color:#a85b60;margin:10px 0 0}.hint{color:#8a788b;font-size:10px;line-height:1.8;margin:10px 0 0}footer{font-size:10px;letter-spacing:1px;color:#99839c;margin-top:23px}@keyframes sway{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-4px)}}@media(max-width:360px){.gate-card{padding:22px 19px 18px}.art{height:160px}.art img{height:145px}.star.one{left:20px}.star.two{right:22px}}@media(prefers-reduced-motion:reduce){.art img{animation:none}}