:root{--bg:#fff9fb;--ink:#2b1f26;--muted:#78666f;--card:rgba(255,255,255,.82);--line:rgba(74,48,62,.12);--accent:#e95c8d;--accent2:#a86ee6;--shadow:0 24px 70px rgba(82,42,61,.12);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 0,#ffe7ef 0,transparent 32%),radial-gradient(circle at 88% 18%,#f0e7ff 0,transparent 30%),var(--bg);color:var(--ink);min-height:100vh}.container{width:min(1120px,calc(100% - 32px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;text-decoration:none;color:var(--ink)}.brand-mark{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ff8eb1,#a875ef);box-shadow:0 8px 22px rgba(220,82,133,.26)}.nav-links{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:16px;padding:14px 20px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s transform,.2s box-shadow,.2s opacity}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#ee5e91,#aa6de8);box-shadow:0 12px 32px rgba(217,76,133,.28)}.btn-secondary{color:var(--ink);background:#fff;border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--muted)}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center;padding:74px 0 86px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(225,86,137,.2);background:rgba(255,255,255,.68);padding:9px 13px;border-radius:999px;font-size:13px;font-weight:800;color:#a64068}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px}.gradient-text{background:linear-gradient(100deg,#e9568c,#8f65df);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.micro{font-size:13px;color:var(--muted);margin-top:15px}.phone-shell{width:min(390px,100%);margin:auto;background:#1d1820;padding:10px;border-radius:42px;box-shadow:0 35px 90px rgba(58,32,48,.25);transform:rotate(2deg)}.phone-inner{position:relative;overflow:hidden;min-height:680px;border-radius:34px;background:linear-gradient(155deg,#fff0f4,#f8edff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}.spark{position:absolute;font-size:26px;opacity:.55;animation:float 3s ease-in-out infinite}.spark.s1{top:100px;left:34px}.spark.s2{right:38px;top:172px;animation-delay:.7s}.spark.s3{left:70px;bottom:90px;animation-delay:1.2s}@keyframes float{50%{transform:translateY(-10px) rotate(8deg)}}.mock-art{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 10%,#ffb9ce 11% 34%,#b58be9 70%);display:grid;place-items:center;font-size:64px;box-shadow:0 30px 50px rgba(208,105,155,.22)}.phone-inner h3{font-size:28px;line-height:1.12;margin:28px 0 22px}.yesno{display:flex;gap:10px;width:100%}.yesno .btn{flex:1}.section{padding:86px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 42px}.section-head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.04em;margin:10px 0 14px}.section-head p{color:var(--muted);font-size:18px;line-height:1.6}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(14px);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.step-num{font-size:13px;font-weight:900;color:#bc4d78}.card h3{font-size:22px;margin:18px 0 10px}.card p{color:var(--muted);line-height:1.6;margin:0}.iconbox{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#ffe1ea,#efe4ff)}.feature-band{background:#2a2029;color:#fff;border-radius:38px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.feature-band p{color:#d9cdd4;line-height:1.7}.feature-points{display:grid;gap:12px}.point{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04)}.point b{display:block;margin-bottom:3px}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bubble{position:relative;background:#fff;border-radius:24px;padding:20px;border:1px solid var(--line);box-shadow:0 15px 35px rgba(70,44,58,.08)}.bubble .name{font-weight:900}.bubble p{color:#5f5058;line-height:1.55}.faq{max-width:800px;margin:auto;display:grid;gap:10px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:850}.faq p{color:var(--muted);line-height:1.6}.cta{background:linear-gradient(135deg,#ffedf3,#f0e8ff);border:1px solid var(--line);border-radius:36px;padding:56px;text-align:center}.cta h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;margin:0 0 14px}.footer{padding:34px 0 52px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}
/* Builder */
.builder-page{min-height:100vh}.builder-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:26px;padding:20px 0 52px}.builder-panel,.preview-panel{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.builder-panel{padding:28px}.preview-panel{padding:22px;position:sticky;top:18px;height:max-content}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 26px}.progress .p{height:7px;border-radius:99px;background:#eee4e8}.progress .p.on{background:linear-gradient(90deg,#ee5e91,#aa6de8)}.step-label{font-size:13px;font-weight:900;color:#b44a72}.builder-panel h1{font-size:34px;letter-spacing:-.035em;margin:8px 0 26px}.field{margin:0 0 22px}.field label{display:block;font-size:13px;font-weight:850;margin-bottom:9px;color:#5f4c56}.input,.textarea{width:100%;border:1px solid #e7dbe1;background:#fff;border-radius:15px;padding:13px 14px;font:inherit;color:var(--ink);outline:none}.input:focus,.textarea:focus{border-color:#dc79a1;box-shadow:0 0 0 4px rgba(222,102,149,.09)}.textarea{min-height:90px;resize:vertical}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid #eadde3;background:#fff;border-radius:16px;padding:13px;cursor:pointer;font-weight:760;text-align:left}.choice.on{border-color:#df6b99;background:#fff3f7;box-shadow:0 0 0 3px rgba(223,107,153,.08)}.chips-input{display:flex;gap:8px}.chips-input .input{flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{padding:8px 11px;border-radius:999px;background:#f7edf2;border:1px solid #ecdde4;font-size:13px}.chip button{border:0;background:transparent;cursor:pointer;margin-left:5px}.nav-row{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.step{display:none}.step.active{display:block}.preview-title{font-size:13px;font-weight:900;color:var(--muted);margin:0 0 12px}.preview-phone{min-height:600px;border-radius:28px;background:linear-gradient(155deg,#fff0f4,#f8edff);padding:28px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative}.preview-content{width:100%}.preview-img{width:150px;height:150px;border-radius:32px;background:rgba(255,255,255,.55);margin:0 auto 24px;display:grid;place-items:center;font-size:56px;overflow:hidden}.preview-img img{width:100%;height:100%;object-fit:cover}.preview-phone h2{font-size:27px;line-height:1.15}.preview-phone .btn{font-size:14px;padding:12px 14px}.hint{font-size:12px;color:var(--muted);line-height:1.5}.result-box{display:none;background:#f4fff7;border:1px solid #bfe2c8;border-radius:18px;padding:18px;margin-top:18px}.result-box.show{display:block}.result-box a{word-break:break-all}.image-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset{height:72px;border:1px solid #eadde3;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:28px;cursor:pointer}.preset.on{border-color:#df6b99;background:#fff3f7}.upload{margin-top:9px}.upload input{width:100%}
/* Invite */
.invite-page{min-height:100vh;display:grid;place-items:center;padding:20px}.invite-card{width:min(470px,100%);min-height:680px;background:linear-gradient(155deg,#fff0f4,#f6edff);border:1px solid rgba(70,42,57,.08);box-shadow:0 35px 100px rgba(72,37,56,.18);border-radius:38px;padding:30px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.invite-screen{width:100%}.invite-screen.hidden{display:none}.invite-art{width:190px;height:190px;border-radius:36px;background:rgba(255,255,255,.58);display:grid;place-items:center;margin:0 auto 28px;font-size:72px;overflow:hidden;box-shadow:0 18px 55px rgba(110,55,84,.12)}.invite-art img{width:100%;height:100%;object-fit:cover}.invite-card h1{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin:0 0 24px}.invite-card p{color:#6d5964;line-height:1.6}.invite-actions{display:flex;gap:10px;justify-content:center;position:relative;min-height:54px}.runaway{position:relative;transition:.15s transform}.options{display:grid;gap:10px;margin:18px 0}.option{border:1px solid #eadde3;background:#fff;border-radius:16px;padding:14px;cursor:pointer;font-weight:800}.option.on{border-color:#df6b99;background:#fff3f7}.tiny{font-size:12px;color:#907b86}.loading{opacity:.65;pointer-events:none}.errorbox{background:#fff0f0;color:#9d3333;border:1px solid #efc3c3;padding:14px;border-radius:15px}
/* Manage */
.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:50px}.stat{font-size:38px;font-weight:950}.event{padding:14px 0;border-bottom:1px solid var(--line)}.event:last-child{border-bottom:0}.event time{font-size:12px;color:var(--muted)}
@media(max-width:900px){.hero,.builder-wrap,.feature-band,.manage-grid{grid-template-columns:1fr}.phone-shell{max-width:350px}.cards-3,.reviews{grid-template-columns:1fr}.preview-panel{position:relative;top:auto}.hero{padding-top:38px}.hero h1{font-size:52px}.choice-grid{grid-template-columns:1fr 1fr}.nav-links .btn-ghost{display:none}}@media(max-width:560px){.container{width:min(100% - 20px,1120px)}.nav{padding:14px 0}.brand{font-size:17px}.btn{padding:12px 15px}.hero h1{font-size:43px}.lead{font-size:17px}.section{padding:62px 0}.cta{padding:34px 18px}.builder-panel,.preview-panel{border-radius:22px}.builder-panel{padding:18px}.choice-grid{grid-template-columns:1fr}.preview-phone{min-height:500px}.invite-card{min-height:calc(100vh - 30px);border-radius:28px;padding:22px}.invite-card h1{font-size:30px}.image-picker{grid-template-columns:repeat(2,1fr)}}