@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#493546;background:#fff8f8;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 5%,#ffe1e9 0,transparent 30%),radial-gradient(circle at 96% 23%,#e9f6d6 0,transparent 24%),#fff8f8;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #ec7ba4;outline-offset:3px}a{color:inherit}.shell{width:min(1040px,calc(100% - 36px));margin:auto;position:relative}.brand{height:104px;display:flex;align-items:center;gap:13px}.brand .avatar{width:54px;height:54px;border:3px solid white;border-radius:18px;object-fit:cover;box-shadow:0 8px 20px #dd91ac45}.brand .eyebrow{font-size:10px;color:#bd6084;letter-spacing:.18em;font-weight:800}.brand p{font-size:17px;font-weight:800;margin:2px 0}.tiktok{margin-left:auto;text-decoration:none;background:white;border:1px solid #f2dbe3;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700;box-shadow:0 5px 18px #a86d8c12}.hero{min-height:330px;border:1px solid #f7dbe4;border-radius:34px;background:linear-gradient(105deg,#fff2f6 1%,#fffafd 51%,#f8f2df 100%);box-shadow:0 24px 65px #ba728a1a;position:relative;display:flex;overflow:hidden}.hero-copy{z-index:2;max-width:530px;padding:48px 42px}.pill{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid #f3d7e0;color:#ad5579;padding:9px 14px;border-radius:999px;font-size:11px;letter-spacing:.04em;font-weight:800}.live-dot{width:7px;height:7px;border-radius:50%;background:#ed6b93;box-shadow:0 0 0 4px #fce4ea}.hero h1{font-size:clamp(34px,4.5vw,52px);line-height:1.2;letter-spacing:-.06em;margin:22px 0 16px;max-width:500px}.hero h1 em{font-style:normal;color:#d56691}.hero-copy>p{max-width:450px;color:#766473;font-size:14px;line-height:1.8;margin:0}.hero-art{width:42%;height:100%;position:absolute;right:0;bottom:0;object-fit:cover;object-position:60% center;mask-image:linear-gradient(90deg,transparent 0,#000 32%);opacity:.9}.branch{position:absolute;right:-4px;top:-8px;width:200px;z-index:2;opacity:.94;pointer-events:none}.panel{margin:22px auto 0;max-width:700px;background:#fff;border:1px solid #f3dce4;border-radius:28px;box-shadow:0 20px 50px #bc7e971a;padding:30px 36px}.panel-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:25px}.step{width:38px;height:38px;display:grid;place-items:center;background:#fae4ec;color:#c15e86;border-radius:13px;font-size:13px;font-weight:800;flex:none}.panel h2{font-size:22px;letter-spacing:-.035em;margin:1px 0 5px}.panel-heading p{margin:0;color:#927f8a;font-size:12px;line-height:1.6}label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}.optional{font-weight:400;color:#a7929f;margin-left:4px}input,textarea{width:100%;border:1px solid #ebdbe2;background:#fffcfd;color:#45333f;border-radius:13px;padding:13px 15px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#d8769b;box-shadow:0 0 0 4px #f9e3eb}textarea{resize:vertical;min-height:92px}.counter{text-align:right;color:#ab97a2;font-size:11px;margin-top:3px}.money-field{position:relative}.money-field input{padding-right:45px}.money-field span{position:absolute;right:18px;top:12px;color:#9c8693}.quick-amounts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.quick-amounts button{background:#fff7f9;color:#9e5678;border:1px solid #f0d9e2;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700}.quick-amounts button:hover{background:#fce9ef}.form-note,.status-note{font-size:11px;color:#9b8893;line-height:1.7;margin:20px 0}.primary{width:100%;border:0;background:linear-gradient(100deg,#d65c8c,#eb89a4);color:#fff;border-radius:14px;padding:15px 20px;display:flex;justify-content:space-between;font-weight:800;box-shadow:0 10px 20px #dc72983f}.primary:hover{filter:brightness(1.05)}.primary:disabled{opacity:.6;cursor:wait}.error{background:#fff0ed;color:#af493f;border:1px solid #f4c8c2;padding:11px;border-radius:10px;font-size:12px}.payment-layout{display:grid;grid-template-columns:245px 1fr;gap:24px;align-items:start}.qr-frame{background:#fff8fa;border:1px solid #f2dce4;border-radius:18px;text-align:center;padding:12px}.qr-frame img{width:100%;aspect-ratio:1;object-fit:contain;background:white;border-radius:10px}.qr-frame span{font-size:9px;letter-spacing:.08em;font-weight:800;color:#bd8198}.transfer-details{display:grid;gap:8px}.transfer-details>div{position:relative;display:flex;flex-direction:column;gap:3px;background:#fffbfc;border:1px solid #f3e7eb;border-radius:12px;padding:9px 12px;min-height:53px}.transfer-details span{font-size:10px;color:#9c8994}.transfer-details strong{font-size:13px;overflow-wrap:anywhere}.transfer-details button{position:absolute;right:9px;bottom:9px;border:0;color:#bd5982;background:#fbe8ef;border-radius:7px;padding:5px 8px;font-size:10px}.code-row strong{color:#c55282;letter-spacing:.07em}.keep-code{font-size:12px;line-height:1.7;padding:13px;background:#fff4e4;border:1px solid #f7e3c0;border-radius:11px;color:#87673b}.status{font-weight:800;font-size:13px;padding:10px 0 0;margin:0}.status.pending{color:#b26a85}.status.paid{color:#398c69}.status.expired{color:#b06955}.secondary{background:none;color:#aa6785;border:1px solid #e9ced9;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:700}.petal{position:fixed;background:url('/assets/sakura-petal.webp') center/contain no-repeat;width:32px;height:32px;opacity:.45;pointer-events:none;z-index:4;animation:fall 12s linear infinite}.petal-one{left:10%;top:-10%;animation-delay:-1s}.petal-two{left:70%;top:-10%;animation-delay:-6s;transform:scale(.7)}.petal-three{left:92%;top:-10%;animation-delay:-9s;transform:scale(.55)}@keyframes fall{to{translate:0 110vh;rotate:180deg}}footer{text-align:center;color:#b39da8;font-size:10px;padding:26px 0 34px}
@media(max-width:700px){.shell{width:min(100% - 26px,480px)}.brand{height:82px}.brand .avatar{width:44px;height:44px}.brand p{font-size:14px}.tiktok{font-size:10px;padding:8px 10px}.hero{min-height:245px;border-radius:23px}.hero-copy{padding:28px 24px;max-width:86%}.hero h1{font-size:31px;margin:18px 0 10px}.hero-copy>p{font-size:11px;max-width:290px;line-height:1.6}.hero-art{width:54%;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000 40%)}.branch{width:125px}.panel{border-radius:21px;padding:23px 20px;margin-top:15px}.panel h2{font-size:19px}.payment-layout{grid-template-columns:1fr}.qr-frame{width:min(245px,100%);justify-self:center}.transfer-details{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}