:root{--teal:#0f4c5c;--teal-mid:#17697d;--teal-soft:#d8eef3;--coral:#e07a7a;--coral-deep:#c45c5c;--sand:#f3f6f8;--ink:#142126;--muted:#5a6b72;--line:#0f4c5c1a;--white:#fff;--success:#2f8f6b;--warn:#c4891a;--shadow:0 16px 40px #0f4c5c1f;--nav-h:68px;--top-h:56px;--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;color:var(--ink);background:var(--sand);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(900px 480px at 0% 0%, #17697d1f, transparent 55%), radial-gradient(700px 420px at 100% 10%, #e07a7a1f, transparent 50%), linear-gradient(180deg, #eef5f7 0%, var(--sand) 40%, #e8f0f3 100%);min-height:100dvh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,.brand{font-family:var(--font-display);letter-spacing:-.03em}.btn{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-weight:700;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 10px 24px #0f4c5c38}.btn-soft{background:var(--teal-soft);color:var(--teal)}.btn-ghost{color:var(--teal);background:0 0;border:1.5px solid #0f4c5c33}.btn-boy{background:var(--teal-mid);color:#fff}.btn-girl{background:var(--coral);color:#fff}.btn-danger{color:var(--coral-deep);background:#c45c5c1f}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--muted);font-size:.82rem;font-weight:700}.field input,.field textarea,.field select{border:1.5px solid var(--line);background:#ffffffeb;border-radius:14px;outline:none;width:100%;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal-mid);box-shadow:0 0 0 4px #17697d1f}.surface{box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #fffc;border-radius:18px}.muted{color:var(--muted)}.error{color:var(--coral-deep);margin:0;font-size:.9rem;font-weight:700}.full{width:100%}.icon-btn{width:44px;height:44px;color:var(--teal);border:1px solid var(--line);background:#ffffffb3;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:800}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@keyframes shimmer{0%{background-position:0%}to{background-position:100%}}.rise-in{animation:.45s both rise-in}.confetti-piece{pointer-events:none;z-index:80;border-radius:2px;width:9px;height:13px;animation:linear forwards confetti-fall;position:fixed;top:-10px}.phone-frame{place-items:start center;min-height:100dvh;display:grid}@media (width>=900px){.phone-frame{padding:28px 16px}.app-shell{background:#ffffff8c;border:1px solid #0f4c5c1f;border-radius:28px;width:min(430px,100%);min-height:calc(100dvh - 56px);overflow:hidden;box-shadow:0 30px 80px #0f4c5c2e}}.app-shell{flex-direction:column;width:min(430px,100%);min-height:100dvh;display:flex;position:relative}.app-shell.wizard-mode .app-main{padding-bottom:24px}.topbar{z-index:20;height:var(--top-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f6f8db;border-bottom:1px solid #0f4c5c0f;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex;position:sticky;top:0}.top-brand{align-items:baseline;gap:8px;display:flex}.top-brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:800}.brand-mark{font-family:var(--font-display);color:var(--teal);font-size:1.3rem;font-weight:800}.app-main{padding:12px 16px calc(var(--nav-h) + 96px);flex:1}.app-footer{background:#0f4c5c0f;border-radius:16px;gap:8px;margin:8px 16px 10px;padding:16px 14px 12px;display:grid}.app-footer strong{font-family:var(--font-display);color:var(--teal);font-size:1.02rem;display:block}.app-footer span,.app-footer p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.4}.footer-links{gap:14px;display:flex}.footer-links button{color:var(--teal-mid);font-size:.86rem;font-weight:700}.bottom-nav{z-index:20;padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#fffffff0;gap:2px;margin-top:auto;display:grid;position:sticky;bottom:0}.bottom-nav.tabs-5{grid-template-columns:repeat(5,1fr)}.bottom-nav a{min-height:56px;color:var(--muted);letter-spacing:.01em;border-radius:14px;place-items:center;gap:2px;font-size:.62rem;font-weight:800;display:grid}.bottom-nav a.active{color:var(--teal);background:var(--teal-soft)}.admin-app{background:radial-gradient(700px 360px at 0 0,#17697d1a,#0000 55%),#eef4f6;flex-direction:column;width:min(480px,100%);min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (width>=900px){.admin-app{border:1px solid #0f4c5c1f;border-radius:28px;min-height:calc(100dvh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 28px 70px #0f4c5c29}}.admin-login{gap:12px;width:min(400px,100% - 32px);margin:12vh auto 0;padding:26px 22px;display:grid}.admin-login h1{color:var(--teal);margin:0;font-size:1.9rem}.admin-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#eef4f6e6;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.admin-topbar h1{color:var(--teal);margin:2px 0 0;font-size:1.45rem}.top-actions{align-items:center;gap:8px;display:flex}.alert-dot{color:#8a2e2e;background:#c45c5c29;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:800}.admin-body{padding:12px 14px calc(84px + env(safe-area-inset-bottom));flex:1}.stack{gap:12px;display:grid}.banner{margin:0 0 8px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=420px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.kpi{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:12px 10px}.kpi span{color:var(--muted);margin-bottom:4px;font-size:.7rem;font-weight:800;display:block}.kpi strong{font-family:var(--font-display);color:var(--teal);font-size:1.35rem}.kpi.ok strong{color:var(--success)}.kpi.warn strong{color:var(--warn)}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:14px}.panel h2{color:var(--teal);margin:0 0 10px;font-size:1.08rem}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-head h2{margin:0}.panel-head button{color:var(--teal-mid);font-size:.85rem;font-weight:800}.card-list{gap:8px;display:grid}.order-card{text-align:left;border:1px solid var(--line);background:#f7fbfc;border-radius:14px;gap:4px;width:100%;padding:12px;display:grid}.order-card:active{transform:scale(.99)}.order-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-card strong{font-family:var(--font-display);color:var(--teal)}.order-card span{color:var(--muted);font-size:.86rem}.sla,.pill{border-radius:999px;padding:4px 8px;font-size:.72rem;font-style:normal;font-weight:800}.sla.cool{color:var(--success);background:#2f8f6b24}.sla.warm{color:#8a5f10;background:#c4891a29}.sla.hot{color:#8a2e2e;background:#c45c5c29}.pill.boy{color:var(--teal);background:#17697d24}.pill.girl{color:var(--coral-deep);background:#e07a7a29}.live-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.live-grid div{background:#f4f9fa;border-radius:12px;padding:12px}.live-grid b{font-family:var(--font-display);color:var(--teal);font-size:1.2rem;display:block}.live-grid span{color:var(--muted);font-size:.8rem}.search-row input{border:1.5px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:12px 14px}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800}.chip.on{background:var(--teal-soft);color:var(--teal);border-color:#0000}.chip.hot{color:#8a2e2e;background:#c45c5c24;border-color:#0000}.donut-wrap{align-items:center;gap:18px;display:flex}.donut{border-radius:50%;flex-shrink:0;place-items:center;width:120px;height:120px;display:grid}.donut-hole{text-align:center;background:#fff;border-radius:50%;place-items:center;width:78px;height:78px;display:grid}.donut-hole b{font-family:var(--font-display);color:var(--teal);font-size:1.3rem;line-height:1}.donut-hole span{color:var(--muted);font-size:.72rem;font-weight:700}.legend p{align-items:center;gap:8px;margin:0 0 8px;font-weight:700;display:flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.legend i.boy{background:var(--teal-mid)}.legend i.girl{background:var(--coral)}.report-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.report-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:8px;font-size:.92rem;display:flex}.report-list span{color:var(--muted)}.report-list b{color:var(--teal)}.timeline{gap:6px;display:grid}.timeline button{text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.timeline button:hover{background:#f4f9fa}.timeline em{border-radius:50%;flex-shrink:0;width:10px;height:10px}.timeline em.boy{background:var(--teal-mid)}.timeline em.girl{background:var(--coral)}.timeline strong{font-size:.92rem;display:block}.timeline span{color:var(--muted);font-size:.8rem}.settings-actions{gap:8px;display:grid}.admin-tabbar{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:auto;display:grid;position:sticky;bottom:0}.admin-tabbar button{min-height:56px;color:var(--muted);border-radius:14px;place-items:center;gap:2px;font-size:.62rem;font-weight:800;display:grid}.admin-tabbar button.active{color:var(--teal);background:var(--teal-soft)}.tab-ico{place-items:center;display:grid;position:relative}.tab-ico i{background:var(--coral);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-style:normal;font-weight:800;display:grid;position:absolute;top:-6px;right:-10px}.sheet{z-index:50;place-items:end center;display:grid;position:fixed;inset:0}.sheet-backdrop{background:#14212673;position:absolute;inset:0}.sheet-panel{width:min(480px,100%);max-height:min(92dvh,820px);padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:#f7fafb;border-radius:22px 22px 0 0;position:relative;overflow:auto;box-shadow:0 -16px 40px #0f4c5c33}.sheet-head{justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px;display:flex}.sheet-head h2{color:var(--teal);margin:4px 0 0;font-size:1.35rem}.sheet-meta{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.sheet-meta span{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700}.gallery{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.gallery button{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden}.gallery img{object-fit:cover;width:100%;height:100%}.decide{gap:12px;display:grid}.decide-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.decide-actions .btn{border-radius:14px;min-height:54px;font-size:1.05rem}.result-box{background:#2f8f6b1f;border-radius:14px;padding:14px}.result-box p{margin:8px 0 0}.lightbox{z-index:60;background:#0a1216e0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:100%;max-height:90dvh}.empty{text-align:center;padding:18px 8px}.tiny{font-size:.78rem!important}.page{gap:16px;display:grid}.hero-home{color:#fff;background:linear-gradient(165deg,#0f4c5c33,#0f4c5cd1),linear-gradient(135deg,#17697d 0%,#0f4c5c 48%,#c45c5c 140%);flex-direction:column;justify-content:flex-end;min-height:340px;margin:-12px -16px 0;padding:36px 22px 28px;display:flex;position:relative;overflow:hidden}.hero-home:after{content:"";background:#ffffff1a;border-radius:50%;width:220px;height:220px;animation:4.5s ease-in-out infinite pulse-ring;position:absolute;top:20px;right:-60px}.hero-kicker{z-index:1;letter-spacing:.05em;text-transform:uppercase;opacity:.85;margin:0;font-size:.78rem;font-weight:800;position:relative}.hero-home h1{z-index:1;margin:8px 0 10px;font-size:clamp(2.8rem,12vw,3.5rem);line-height:.95;position:relative}.hero-lead{z-index:1;max-width:28ch;margin:0 0 18px;font-size:1.02rem;line-height:1.45;position:relative}.hero-actions{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.hero-actions .btn-primary{color:var(--teal);box-shadow:none;background:#fff}.hero-actions .btn-ghost{color:#fff;border-color:#ffffff73}.dash-strip{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dash-tile{text-align:left;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;gap:4px;padding:16px;display:grid}.dash-tile strong{font-family:var(--font-display);color:var(--teal);font-size:1.05rem}.dash-tile span{color:var(--muted);font-size:.85rem}.block-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.block-head h2{color:var(--teal);margin:0;font-size:1.25rem}.block-head button{color:var(--teal-mid);font-size:.88rem;font-weight:800}.order-list,.feature-list{gap:8px;display:grid}.order-row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.order-row strong{font-family:var(--font-display);display:block}.order-row span{color:var(--muted);font-size:.86rem}.order-row em{border-radius:999px;padding:5px 9px;font-size:.78rem;font-style:normal;font-weight:800}.order-row em.wait{color:#8a5f10;background:#c4891a24}.order-row em.ok{color:var(--success);background:#2f8f6b24}.feature-item{padding:14px 16px}.feature-item h3{margin:0 0 4px;font-size:1.02rem}.feature-item p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.4}.promo{gap:8px;padding:18px 16px;display:grid}.promo h2{color:var(--teal);margin:0;font-size:1.4rem}.promo p{margin:0}.content-card{gap:10px;padding:18px 16px;display:grid}.content-card h2{color:var(--teal);margin:0;font-size:1.45rem}.content-card ol,.content-card ul{color:var(--muted);gap:8px;margin:0;padding-left:18px;line-height:1.45;display:grid}.faq-item{padding:14px 16px}.faq-item h3{margin:0 0 6px;font-size:1rem}.faq-item p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.price-hero{text-align:center;gap:8px;padding:22px 18px;display:grid}.price-hero .amount{font-family:var(--font-display);color:var(--teal);font-size:3rem;line-height:1}.price-hero .amount span{color:var(--muted);font-size:1.1rem}.wizard{gap:14px;display:grid}.wizard-top{align-items:center;gap:10px;display:flex}.wizard-top h1{color:var(--teal);margin:0;font-size:1.45rem}.steps-bar{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.steps-bar i{background:#0f4c5c1f;border-radius:999px;height:4px}.steps-bar i.on{background:var(--teal)}.upload-zone{text-align:center;cursor:pointer;place-items:center;gap:6px;min-height:190px;padding:22px;display:grid}.upload-zone strong{font-size:1.05rem}.preview-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preview-item{aspect-ratio:1;background:#d7e0e4;border-radius:14px;position:relative;overflow:hidden}.preview-item img{object-fit:cover;width:100%;height:100%}.preview-item button{color:#fff;background:#1421268c;border-radius:50%;width:26px;height:26px;position:absolute;top:6px;right:6px}.form-stack{gap:12px;display:grid}.row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.price-line{justify-content:space-between;align-items:center;padding:16px;display:flex}.price-line strong{font-family:var(--font-display);color:var(--teal);font-size:1.5rem}.waiting-box,.reveal-box{text-align:center;place-items:center;gap:10px;padding:28px 18px;display:grid}.waiting-box .ring{border:4px solid #0f4c5c26;border-top-color:var(--teal);border-radius:50%;width:58px;height:58px;animation:1.4s linear infinite pulse-ring}.reveal-box h2{margin:0;font-size:2.8rem}.reveal-box.is-boy{background:linear-gradient(160deg,#17697d29,#fffffff2)}.reveal-box.is-girl{background:linear-gradient(160deg,#e07a7a33,#fffffff2)}.track-form{gap:12px;padding:16px;display:grid}.account-list{gap:8px;display:grid}.account-list button,.account-list a{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:700;display:flex}.account-list span{color:var(--muted)}.explore-card{text-align:left;cursor:pointer;width:100%}.explore-link{color:var(--teal-mid);margin-top:8px;font-size:.88rem;font-weight:800;display:inline-block}