@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Manrope:wght@300;400;600&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#1f2937;background-color:#fff7f5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #ff7a7a;--accent-strong: #ff3b82;--deep: #1f1d2b;--soft: #fff1ed;--card: #ffffff;--shadow: 0 24px 60px rgba(31, 29, 43, .16)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,207,92,.35),transparent 55%),radial-gradient(circle at 20% 50%,rgba(255,122,122,.35),transparent 50%),radial-gradient(circle at 85% 15%,rgba(125,211,252,.45),transparent 55%),#fff7f5;color:#1f2937}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{min-height:100vh;padding:48px 6vw 80px;display:flex;flex-direction:column;gap:56px;position:relative;overflow:hidden}.content{width:min(620px,100%);margin:0 auto;display:flex;flex-direction:column;gap:56px}.page-enter{animation:slideUpReveal .8s cubic-bezier(.22,.61,.36,1) forwards}.hero{background:linear-gradient(135deg,#ffffffd9,#fff0f08c);border-radius:32px;padding:clamp(32px,6vw,64px);box-shadow:var(--shadow);position:relative;overflow:hidden;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 25%,rgba(125,211,252,.3),transparent 40%),radial-gradient(circle at 15% 70%,rgba(251,113,133,.3),transparent 45%);pointer-events:none;z-index:0}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:#1f1d2b;color:#fff;padding:8px 18px;border-radius:999px;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;position:relative;z-index:2}.hero h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2.8rem,6vw,4.6rem);margin:18px 0 12px;color:var(--deep);position:relative;z-index:2;animation:slideIn 1s ease forwards}.hero p{max-width:520px;font-size:clamp(1rem,2vw,1.2rem);margin:0;color:#4b5563;position:relative;z-index:2;animation:fadeUp 1.1s ease .2s forwards;opacity:0}.floating-balloons{position:absolute;inset:0;z-index:1;pointer-events:none}.float-balloon{position:absolute;width:120px;height:160px;border-radius:50% 50% 48% 48%;background:radial-gradient(circle at 30% 30%,#fff1f2,#fb7185);box-shadow:inset -8px -12px 20px #ffffff80;opacity:.85;animation:float 6s ease-in-out infinite}.float-balloon:after{content:"";position:absolute;bottom:-18px;left:50%;width:3px;height:60px;background:#1f293759;transform:translate(-50%);border-radius:2px}.float-balloon.one{top:-30px;left:8%;background:radial-gradient(circle at 30% 30%,#fff7ed,#f97316);animation-delay:.3s}.float-balloon.two{top:20px;right:12%;width:100px;height:140px;background:radial-gradient(circle at 30% 30%,#eff6ff,#60a5fa);animation-delay:1s}.float-balloon.three{bottom:-20px;left:55%;width:90px;height:120px;background:radial-gradient(circle at 30% 30%,#fdf4ff,#c4b5fd);animation-delay:1.6s}.float-balloon.four{bottom:-40px;right:6%;width:110px;height:150px;background:radial-gradient(circle at 30% 30%,#f0fdf4,#22c55e);animation-delay:2.2s}.slider{display:flex;flex-direction:column;gap:20px}.slider-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.slider-head h2{margin:0 0 6px;font-family:Fraunces,Georgia,serif;font-size:clamp(1.6rem,3vw,2.2rem);color:#1f1d2b}.slider-head p{margin:0;color:#6b7280}.progress{flex:0 0 180px;height:6px;background:#1f1d2b14;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#fb7185,#60a5fa);border-radius:999px;transition:width .5s ease}.slider-viewport{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 22px 60px #1f1d2b2e;background:#0b1020}.slider-track{display:flex;width:100%;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.slide{min-width:100%;position:relative;display:grid;grid-template-rows:1fr;color:#fff;isolation:isolate}.slide-visual{position:relative;overflow:hidden;min-height:clamp(320px,55vw,520px)}.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:saturate(1.05);transition:transform 1s ease}.slide.is-active img{transform:scale(1.08)}.slide-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#0000008c 70%);z-index:1}.flash-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.65),transparent 55%);mix-blend-mode:screen;opacity:0;transform:scale(.9)}.flash-overlay.is-on{animation:flashBurst .6s ease forwards}.nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:18px;border:none;background:#ffffff29;color:#fff;font-size:2rem;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,background .25s ease}.nav:hover{transform:translateY(-50%) scale(1.05);background:#ffffff42}.nav.prev{left:18px}.nav.next{right:18px}.slider-dots{display:flex;gap:10px;justify-content:center;align-items:center}.dot{width:10px;height:10px;border-radius:50%;border:none;background:#1f1d2b40;cursor:pointer;transition:transform .3s ease,background .3s ease}.dot.is-on{transform:scale(1.2);background:linear-gradient(120deg,#fb7185,#60a5fa)}.tone-sunset{background:linear-gradient(140deg,#ffedd540,#ffe4e638)}.tone-berry{background:linear-gradient(140deg,#fee2e240,#fdba7438)}.tone-sky{background:linear-gradient(140deg,#dbeafe40,#bfdbfe38)}.tone-mint{background:linear-gradient(140deg,#d1fae540,#bbf7d038)}.tone-violet{background:linear-gradient(140deg,#e9d5ff40,#c4b5fd38)}.tone-gold{background:linear-gradient(140deg,#fef3c740,#fde68a38)}.burst{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.burst-dot,.burst-ring{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}.burst-dot{width:12px;height:12px;border-radius:50%;background:var(--color, var(--accent));animation:popDot 1.6s ease forwards;animation-delay:var(--delay, 0s)}.burst-ring{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,122,122,.8);animation:popRing 1.8s ease forwards;animation-delay:var(--delay, 0s)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 20%,rgba(255,193,203,.4),transparent 45%),radial-gradient(circle at 80% 10%,rgba(96,165,250,.35),transparent 45%),radial-gradient(circle at 60% 80%,rgba(251,113,133,.35),transparent 35%),#fff7f5}.auth-card{width:min(420px,100%);background:#ffffffd9;border-radius:28px;padding:28px;box-shadow:0 24px 60px #1f1d2b2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.auth-badge{display:inline-flex;padding:6px 12px;border-radius:999px;background:linear-gradient(120deg,#fb7185,#60a5fa);color:#fff;font-weight:700;letter-spacing:.06em;font-size:.85rem}.auth-card h1{margin:14px 0 6px}.auth-sub{margin:0 0 18px;color:#6b7280}.auth-label{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;font-weight:600;color:#1f2937}.auth-label input{border-radius:12px;border:1px solid rgba(31,41,55,.12);padding:12px 14px;font-size:1rem;background:#ffffffe6;transition:border-color .2s ease,box-shadow .2s ease}.auth-label input:focus{outline:none;border-color:#fb7185;box-shadow:0 0 0 4px #fb718526}.auth-error{margin-bottom:10px;color:#b91c1c;background:#f871711f;border:1px solid rgba(248,113,113,.25);padding:10px 12px;border-radius:12px}.auth-button{width:100%;border:none;border-radius:14px;padding:14px 16px;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#fb7185,#f472b6,#60a5fa);box-shadow:0 16px 30px #fb718559;transition:transform .2s ease,box-shadow .2s ease}.auth-button:hover{transform:translateY(-1px);box-shadow:0 20px 40px #fb718573}.splash{position:fixed;inset:0;display:grid;place-items:center;text-align:center;color:#ffeef5;background:radial-gradient(circle at 30% 20%,rgba(255,115,179,.55),transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,87,115,.5),transparent 40%),linear-gradient(135deg,#ff3b82,#ff6b9d,#ff7a7a);overflow:hidden}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.confetti span{position:absolute;top:-12vh;left:var(--left);width:8px;height:16px;border-radius:4px;background:var(--clr);animation:confettiFall var(--dur, 7s) linear infinite;animation-delay:var(--delay, 0s);transform:scale(var(--scale, 1)) rotate(15deg);opacity:.9}.splash-glow{position:absolute;width:120vw;height:120vw;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 55%);filter:blur(80px);animation:pulse 3s ease-in-out infinite}.splash h1{font-family:Fraunces,Georgia,serif;font-size:clamp(3rem,10vw,5.6rem);margin:0 0 10px;z-index:1;letter-spacing:-.02em}.splash p{margin:0 0 22px;font-size:clamp(1rem,2.5vw,1.4rem);z-index:1}.splash-btn{z-index:1;padding:14px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:#ffffff2e;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,background .25s ease}.splash-btn:hover{transform:translateY(-2px);background:#ffffff42}@keyframes slideUpReveal{0%{transform:translateY(48px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flashBurst{0%{opacity:.7;transform:scale(.92)}60%{opacity:.45;transform:scale(1.06)}to{opacity:0;transform:scale(1.12)}}@keyframes pulse{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes popDot{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}40%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.2)}}@keyframes popRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(2.2)}}@media(max-width:900px){.slider-head{flex-direction:column;align-items:flex-start}.progress{width:100%;flex:none}}@media(max-width:640px){.page{padding:48px 6vw 72px}.hero{border-radius:24px}.float-balloon{width:80px;height:110px}.nav{width:48px;height:48px;font-size:1.6rem}.auth-card{padding:22px}}@media(prefers-reduced-motion:reduce){.float-balloon,.hero h1,.hero p,.burst-dot,.burst-ring,.slider-track,.slide img,.splash-glow{animation:none;transition:none}}@media(min-width:1280px){.page{padding-left:10vw;padding-right:10vw}.slider-viewport{border-radius:32px}}@media(min-width:960px){.content{width:520px}}@keyframes confettiFall{0%{transform:translate3d(0,-10vh,0) rotate(0) scale(var(--scale, 1));opacity:1}70%{opacity:1}to{transform:translate3d(0,110vh,0) rotate(340deg) scale(var(--scale, 1));opacity:.9}}
