:root{--background:#fff8f8;--surface:#fff;--surface-soft:#fff0f3;--text:#2a2024;--muted:#77656b;--border:#f1d7dd;--sakura:#d94f74;--sakura-dark:#9f294d;--plum:#5f3044;--coral:#e86f56;--coral-soft:#fff0eb;--gold:#b98b45;--shadow:0 18px 45px rgba(123,45,69,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 14% 8%,rgba(255,205,216,.45),transparent 28%),radial-gradient(circle at 88% 12%,rgba(255,235,239,.8),transparent 24%),linear-gradient(180deg,#fff8f8,#fffdf9 42%,#fff7f8);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.hero-section{display:block;margin-bottom:28px}.content-section,.hero-copy,.hero-panel,.summary-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:clamp(18px,3vw,34px);text-align:center}.event-logo{width:min(220px,58vw);height:auto;margin-bottom:12px;object-fit:contain}.tuna-swim-stage{position:relative;display:grid;place-items:center;width:min(360px,72vw);min-height:230px;margin-bottom:12px;overflow:visible}.tuna-swim-entry{position:relative;z-index:1;animation:tunaInfinityIn 2.1s cubic-bezier(.2,.82,.22,1) both;transform-origin:50% 60%;will-change:transform,opacity}.tuna-hero-logo{display:block;width:min(240px,62vw);max-height:220px;margin-bottom:0;animation:tunaFloat 3.8s ease-in-out 2.1s infinite;transform-origin:50% 58%;will-change:transform}.bubble{position:absolute;z-index:0;display:block;border:1px solid rgba(58,143,197,.28);border-radius:999px;background:radial-gradient(circle at 32% 28%,hsla(0,0%,100%,.9) 0 16%,transparent 17%),rgba(143,211,245,.26);box-shadow:0 8px 22px rgba(58,143,197,.12);opacity:0;animation:bubbleRise 2.5s ease-out both}.bubble-one{width:18px;height:18px;left:23%;bottom:31%;animation-delay:.24s}.bubble-two{width:12px;height:12px;left:32%;bottom:42%;animation-delay:.52s}.bubble-three{width:16px;height:16px;right:27%;bottom:37%;animation-delay:.82s}.bubble-four{width:10px;height:10px;right:34%;bottom:50%;animation-delay:1.08s}@keyframes tunaInfinityIn{0%{opacity:0;transform:translateX(-210px) translateY(34px) rotate(-16deg) scale(.78)}18%{opacity:1;transform:translateX(-104px) translateY(-48px) rotate(10deg) scale(.9)}36%{transform:translateX(12px) translateY(34px) rotate(18deg) scale(.98)}54%{transform:translateX(112px) translateY(-42px) rotate(-8deg) scale(1.02)}73%{transform:translateX(18px) translateY(26px) rotate(-14deg) scale(1.03)}88%{opacity:1;transform:translateX(-10px) translateY(-7px) rotate(3deg) scale(1.01)}to{opacity:1;transform:translateX(0) translateY(0) rotate(0deg) scale(1)}}@keyframes tunaFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(18px) scale(.5)}24%{opacity:.72}to{opacity:0;transform:translateY(-78px) scale(1.35)}}@media (prefers-reduced-motion:reduce){.bubble,.tuna-hero-logo,.tuna-swim-entry{animation:none}.bubble{display:none}}.section-label{margin:0 0 14px;color:var(--sakura-dark);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:100%;margin-bottom:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:0;white-space:nowrap}h2{margin-bottom:18px;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.15}h3{margin-bottom:8px;font-size:1.08rem}.hero-copy p:last-child{max-width:620px;margin-bottom:0;color:var(--muted);font-size:1.08rem;line-height:1.7}.hero-panel{overflow:hidden;display:flex;flex-direction:column;min-height:320px;background:linear-gradient(145deg,rgba(11,107,99,.08),rgba(232,111,86,.12)),var(--surface)}.hero-product-image{width:100%;flex:1 1;min-height:230px;object-fit:cover;object-position:center}.fish-card{position:relative;flex:1 1;min-height:230px;background:radial-gradient(circle at 22% 34%,hsla(0,0%,100%,.88) 0 4%,transparent 5%),linear-gradient(130deg,hsla(0,0%,100%,.88),hsla(0,0%,100%,0) 44%),linear-gradient(90deg,#dc4f4f 0 42%,#f2a5a1 43% 62%,#f8d3c8 63% 100%)}.fish-card:after,.fish-card:before{content:"";position:absolute;border-radius:999px}.fish-card:before{width:76%;height:62%;left:12%;top:21%;background:linear-gradient(90deg,rgba(109,18,31,.5),hsla(0,0%,100%,0) 36%),linear-gradient(135deg,#7b1d2d,#f36d66 55%,#ffd7cf);-webkit-clip-path:ellipse(50% 38% at 50% 50%);clip-path:ellipse(50% 38% at 50% 50%)}.fish-card:after{width:64%;height:12px;left:18%;bottom:20%;background:rgba(7,74,69,.18);filter:blur(10px)}.hero-panel-details{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-top:1px solid rgba(11,107,99,.14);background:hsla(0,0%,100%,.82)}.hero-panel-details span{color:var(--muted);font-size:.92rem}.hero-panel-details strong{color:var(--teal-dark)}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-gap:28px;gap:28px;align-items:start}.form-column{display:grid;grid-gap:22px;gap:22px}.content-section,.summary-panel{padding:clamp(22px,3vw,30px)}.terms-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding-left:20px;color:var(--muted);line-height:1.6}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}label{display:grid;grid-gap:8px;gap:8px}label span{color:var(--text);font-size:.9rem;font-weight:750}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#fbfdfc;color:var(--text);padding:13px 14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--sakura);background:#fff;box-shadow:0 0 0 3px rgba(217,79,116,.16)}.field-wide{grid-column:1/-1}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.product-card{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.product-image{overflow:hidden;position:relative;min-height:156px;background:radial-gradient(circle at 76% 30%,hsla(0,0%,100%,.65) 0 8%,transparent 9%),linear-gradient(135deg,rgba(217,79,116,.12),rgba(185,139,69,.16)),#ffe2e7}.product-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;background:#ffe2e7}.image-frame{overflow:hidden;position:relative;min-height:180px}.product-image img,.product-image-grid img{display:block;width:100%;height:180px;object-fit:cover;object-position:center}.image-disclaimer{position:absolute;right:8px;bottom:8px;left:8px;padding:5px 7px;border-radius:6px;background:rgba(42,32,36,.78);color:#fff;font-size:.68rem;font-weight:750;line-height:1.25;text-align:center}.product-content{display:grid;grid-gap:18px;gap:18px;padding:18px}.product-content p{margin-bottom:0;color:var(--muted);font-size:.96rem;line-height:1.55}.product-controls{display:grid;grid-template-columns:1fr 118px;grid-gap:14px;gap:14px;align-items:end}.product-controls strong{color:var(--plum);font-size:1rem}.price-display{display:grid;grid-gap:4px;gap:4px;align-self:end}.price-display strong{color:var(--sakura-dark);font-size:1.14rem}.original-price{width:max-content;color:var(--muted);font-size:.86rem;font-weight:800;text-decoration:line-through;text-decoration-thickness:2px}.promo-label{width:max-content;padding:3px 8px;border-radius:999px;background:#fff0a8;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.promo-countdown,.promo-label{color:var(--sakura-dark);font-size:.72rem}.promo-countdown{width:100%;max-width:100%;padding:4px 8px;border:1px solid rgba(159,41,77,.2);border-radius:6px;background:rgba(255,240,168,.46);font-weight:850;line-height:1.35;overflow-wrap:anywhere;text-align:center}.product-controls label span{font-size:.78rem}.product-controls label .promo-countdown{color:var(--sakura-dark);font-size:.72rem}.option-control{grid-column:1/-1;min-width:0}.option-control select{min-width:0}.kg-input-wrap{position:relative}.kg-input-wrap input{padding:10px 38px 10px 12px}.kg-input-wrap span{position:absolute;top:50%;right:12px;color:var(--muted);font-size:.9rem;font-weight:750;transform:translateY(-50%)}.add-order-button{grid-column:1/-1;min-height:42px;border:0;border-radius:8px;background:var(--plum);color:#fff;cursor:pointer;font-weight:850;transition:transform .16s ease,background .16s ease}.add-order-button:hover{background:var(--sakura-dark);transform:translateY(-1px)}.payment-section{background:linear-gradient(135deg,rgba(217,79,116,.08),rgba(255,244,232,.85)),var(--surface)}.payment-details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(128px,160px);grid-gap:16px;gap:16px;align-items:stretch}.bank-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.bank-details p{display:grid;grid-gap:6px;gap:6px;margin:0;padding:14px;border:1px solid rgba(217,79,116,.16);border-radius:8px;background:hsla(0,0%,100%,.7)}.bank-details span{color:var(--muted);font-size:.82rem}.payment-qr-card{display:grid;align-content:center;justify-items:center;grid-gap:8px;gap:8px;padding:12px;border:1px solid rgba(217,79,116,.16);border-radius:8px;background:hsla(0,0%,100%,.78);text-align:center}.payment-qr-card img{display:block;width:min(100%,132px);height:auto;border-radius:6px}.payment-qr-card span{color:var(--muted);font-size:.78rem;font-weight:850}.payment-note{margin:18px 0 0;color:var(--plum);font-weight:700;line-height:1.55}.confirmation-page .payment-note{max-width:660px;margin-right:auto;margin-left:auto;text-align:center}.payment-note strong{color:var(--sakura-dark);font-size:1.1em}.summary-panel{position:-webkit-sticky;position:sticky;top:22px;display:grid;grid-gap:18px;gap:18px}.empty-summary{margin:0;padding:18px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);text-align:center}.summary-items{display:grid;grid-gap:12px;gap:12px}.summary-item{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.summary-item div{display:grid;grid-gap:4px;gap:4px}.summary-item span{color:var(--muted);font-size:.88rem}.summary-item b{color:var(--plum);white-space:nowrap}.summary-actions{display:grid;justify-items:end;grid-gap:6px;gap:6px}.summary-actions button{border:0;background:transparent;color:var(--sakura-dark);cursor:pointer;font-size:.82rem;font-weight:800;padding:0}.summary-actions button:hover{text-decoration:underline}.summary-totals{display:grid;grid-gap:10px;gap:10px;padding:16px;border-radius:8px;background:var(--surface-soft)}.summary-totals p{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}.summary-totals span{color:var(--muted)}.total-row strong{color:var(--sakura-dark);font-size:1.3rem}.terms-checkbox{display:flex;gap:10px;align-items:flex-start;color:var(--muted);line-height:1.45}.terms-checkbox input{width:18px;height:18px;margin-top:2px;accent-color:var(--sakura)}.terms-checkbox span{color:var(--muted);font-size:.94rem;font-weight:600}.form-message{display:grid;grid-gap:6px;gap:6px;padding:14px;border-radius:8px;line-height:1.45}.form-message p{margin:0}.form-message.success{border:1px solid rgba(217,79,116,.22);background:#fff0f3;color:var(--plum)}.form-message.error{border:1px solid rgba(232,111,86,.28);background:var(--coral-soft);color:#963b2d}.submit-button{width:100%;min-height:52px;border:0;border-radius:8px;background:var(--sakura-dark);color:#fff;cursor:pointer;font-size:1rem;font-weight:850;transition:transform .16s ease,background .16s ease,opacity .16s ease}.submit-button:hover:not(:disabled){background:var(--plum);transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.64}.confirmation-page{display:grid;grid-gap:22px;gap:22px;justify-items:center;max-width:860px;margin:0 auto;padding:clamp(26px,5vw,52px);border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.confirmation-page h1{max-width:760px;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.05;white-space:normal}.confirmation-page .payment-section{width:100%;max-width:760px;padding:clamp(22px,4vw,34px);text-align:center}.confirmation-page .payment-section h2{margin-bottom:22px}.confirmation-page .bank-details{justify-content:center}.confirmation-page .payment-details-grid{grid-template-columns:minmax(0,1fr) minmax(130px,150px)}.confirmation-page .bank-details p{align-content:center;min-height:104px;text-align:center}.confirmation-logo{width:min(280px,78vw);height:auto;margin:0 auto}.confirmation-intro{max-width:620px;margin:0 auto;color:var(--muted);line-height:1.65}.confirmation-card{display:grid;grid-gap:6px;gap:6px;justify-self:center;min-width:min(100%,360px);padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.confirmation-card span{color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.confirmation-card strong{color:var(--plum);font-size:clamp(1.25rem,4vw,1.8rem)}.screenshot-note{width:100%;margin:18px auto 0;padding:16px;border:2px solid var(--sakura-dark);border-radius:8px;background:#fff0a8;color:#6f1732;font-size:clamp(1.02rem,2vw,1.28rem);font-weight:950;letter-spacing:.04em;line-height:1.55;text-align:center}.secondary-action{justify-self:center;max-width:320px}@media (max-width:980px){.hero-section,.order-layout{grid-template-columns:1fr}.summary-panel{position:static}}@media (max-width:720px){.page-shell{width:min(100% - 22px,1180px);padding-top:12px}.hero-section{gap:14px;min-height:0}.content-section,.hero-copy,.summary-panel{padding:20px}.hero-panel{min-height:250px}.bank-details,.field-grid,.payment-details-grid,.product-grid{grid-template-columns:1fr}.payment-qr-card{justify-self:center;width:min(100%,220px)}.product-controls{grid-template-columns:1fr}.summary-totals p{align-items:flex-start;flex-direction:column;gap:4px}}