*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:#fbf8ff;background:#11101d}body{min-height:100vh;overflow-x:hidden}.aurora{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 48% 45%,#211d3e 0,#141327 45%,#0d0c18 100%);z-index:0}.aurora:before,.aurora:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;opacity:.66;animation:drift 18s ease-in-out infinite alternate}.aurora:before{width:min(55vw,740px);height:min(55vw,740px);left:-12%;top:-23%;background:radial-gradient(circle at 35% 45%,#e982cf 0,#925ad7 27%,#544ac6 50%,transparent 72%)}.aurora:after{width:min(64vw,800px);height:min(64vw,800px);right:-17%;bottom:-32%;background:radial-gradient(circle at 35% 35%,#74dbea 0,#4e6fe3 27%,#8957d2 54%,transparent 73%);animation-delay:-8s}.aurora-orb{position:absolute;display:block;border-radius:50%;filter:blur(58px);mix-blend-mode:screen;animation:drift 20s ease-in-out infinite alternate}.orb-pink{width:360px;height:360px;left:46%;top:54%;background:radial-gradient(circle,#fb91b4 0,#c966d0 37%,transparent 72%);opacity:.54;animation-delay:-4s}.orb-blue{width:430px;height:430px;left:61%;top:-18%;background:radial-gradient(circle,#74c7fb 0,#6866e1 38%,transparent 72%);opacity:.43;animation-delay:-11s}.orb-gold{width:300px;height:300px;left:8%;bottom:-25%;background:radial-gradient(circle,#f6cb8a 0,#dc82bb 36%,transparent 74%);opacity:.38;animation-delay:-6s}.aurora-grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}@keyframes drift{0%{transform:translate3d(-2%,1%,0) scale(.96)}100%{transform:translate3d(5%,-4%,0) scale(1.08)}}
.birthday-site{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column}.screen{position:absolute;inset:0;min-height:100svh;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.screen.is-active{position:relative;opacity:1;visibility:visible;transform:translateY(0)}.site-header{width:min(1190px,calc(100% - 64px));height:84px;flex:0 0 84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f9f6ff;font-size:9px;font-weight:700;line-height:1.35;letter-spacing:.13em}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#f4c985,#e78dc5 42%,#948af7 80%);color:#181327;font-size:14px;letter-spacing:-.08em;box-shadow:0 0 28px #c17dd044}.header-note{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.15em;color:#c2bad2}.header-note i{width:6px;height:6px;border-radius:50%;background:#d6ff96;box-shadow:0 0 12px #b4ffad}.intro-wrap{flex:1;display:grid;place-items:center;padding:18px 32px 30px}.hero-panel{position:relative;width:min(1080px,100%);min-height:560px;padding:70px 76px 80px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:34px;background:linear-gradient(132deg,rgba(255,255,255,.115),rgba(255,255,255,.04) 48%,rgba(188,168,255,.075));box-shadow:0 30px 100px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(24px)}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.055) 38%,transparent 55%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:500px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#c4bbd6}.eyebrow>span{color:#f2d492}.eyebrow>b{width:26px;height:1px;background:linear-gradient(90deg,#f0b4c9,#9bd5f2)}.hero-copy h1{margin:26px 0 21px;font-size:clamp(48px,6.4vw,78px);line-height:.99;font-weight:650;letter-spacing:-.075em;color:#fff}.hero-copy h1 em,.group-heading h2 em{font-style:normal;background:linear-gradient(100deg,#f2ca92 0%,#f4a8bd 33%,#c19df4 66%,#9bdff0 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-copy{max-width:455px;margin:0;color:#e0d9eb;font-size:15px;line-height:1.8}.signoff{display:flex;align-items:center;gap:9px;margin:18px 0 26px;color:#bdb3cc;font-size:12px}.signoff span{color:#f2b8c9;font-size:16px}.next-button{width:190px;height:54px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:linear-gradient(110deg,#ffce8b 0%,#f5a6bf 34%,#bb9df5 70%,#8ed8ee 100%);box-shadow:0 8px 32px rgba(184,127,221,.26),inset 0 1px 0 #ffffff9e;color:#191427;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:600 13px "Segoe UI",Arial,sans-serif;cursor:pointer;transition:transform .2s,filter .2s}.next-button:hover{transform:translateY(-2px);filter:saturate(1.12) brightness(1.04)}.next-button i{font-size:19px;font-style:normal}.step-indicator{display:flex;align-items:center;gap:6px;margin-top:23px}.step-indicator>span{width:5px;height:5px;border-radius:50%;background:#696278}.step-indicator>span.active{width:20px;border-radius:8px;background:linear-gradient(90deg,#f4c28f,#da9ee7)}.step-indicator small{margin-left:7px;color:#9f97ac;font-size:8px;letter-spacing:.13em}
.age-art{height:400px;position:relative;display:grid;place-items:center;isolation:isolate}.art-orb{position:absolute;width:255px;height:255px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff9 0 2%,#f4c3d7 8%,#bd95f5 35%,#7689ee 58%,#83dcde 78%,#ffffff00 80%);filter:drop-shadow(0 0 40px #b47cf766);opacity:.78;animation:breathe 5s ease-in-out infinite alternate}.art-orb:before,.art-orb:after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(255,255,255,.42);transform:rotate(-26deg) scaleY(.37)}.art-orb:after{inset:-33px;transform:rotate(48deg) scaleY(.35);border-color:rgba(255,255,255,.24)}@keyframes breathe{from{transform:translateY(3px) scale(.98)}to{transform:translateY(-7px) scale(1.035)}}.art-ring{position:absolute;width:380px;height:160px;border:1px solid rgba(240,220,255,.22);border-radius:50%;transform:rotate(-28deg)}.ring-two{width:350px;height:115px;transform:rotate(40deg);border-color:rgba(160,225,247,.25)}.age-number{position:relative;z-index:2;font-size:clamp(150px,20vw,235px);font-weight:750;letter-spacing:-.13em;padding-right:.13em;line-height:1;background:linear-gradient(145deg,#fff9d9 8%,#f2a9c6 39%,#b398ff 68%,#86dced);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 9px 22px rgba(12,8,32,.33))}.art-caption{position:absolute;right:2px;bottom:34px;color:#dad0e6;font-size:8px;line-height:1.6;letter-spacing:.15em;text-align:right}.art-spark{position:absolute;color:#f4d9a7;font-size:24px;text-shadow:0 0 16px #f4d9a7aa}.spark-one{top:47px;right:43px}.spark-two{bottom:83px;left:33px;color:#a6e5f2;font-size:18px}.panel-index{position:absolute;left:76px;right:76px;bottom:0;height:48px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;color:#968da7;font-size:8px;letter-spacing:.16em}.below-note{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:22px;color:#aca2ba;font-size:8px;letter-spacing:.17em}.down-mark{color:#efd1aa;font-size:15px}.site-footer{width:min(1190px,calc(100% - 64px));height:46px;flex:0 0 46px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#837c91;font-size:8px;letter-spacing:.14em}
.back-button{width:37px;height:37px;border-radius:12px;border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.08);color:#fff;font-size:18px;cursor:pointer}.group-wrap{flex:1;display:grid;place-items:center;padding:12px 24px 42px}.group-panel{width:min(760px,100%);max-height:calc(100svh - 160px);min-height:510px;padding:30px 34px 16px;border:1px solid rgba(255,255,255,.21);border-radius:28px;background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 28px 90px #0005,inset 0 1px 0 #ffffff2e;backdrop-filter:blur(22px);display:flex;flex-direction:column;overflow:hidden}.group-heading{display:flex;align-items:center;gap:18px;padding:0 5px 22px;border-bottom:1px solid rgba(255,255,255,.13);position:relative}.group-avatar{width:56px;height:56px;flex:none;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#f2ca92,#e79ebf 42%,#a492ed 78%,#8ed7e4);color:#241935;font-size:24px;box-shadow:0 5px 20px #a980cd44}.group-heading .eyebrow{font-size:8px}.group-heading h2{font-size:clamp(28px,4vw,43px);line-height:.98;letter-spacing:-.07em;margin:8px 0 7px;color:#fff}.group-heading p{font-size:11px;color:#bcb3c8;margin:0}.group-badge{margin-left:auto;align-self:flex-start;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 11px;color:#f6d1a7;text-align:center;font-size:11px;line-height:1.25}.chat-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:11px;padding:18px 3px 13px;scrollbar-color:#ffffff30 transparent;scrollbar-width:thin}.chat-date{align-self:center;color:#c4bbd4;font-size:8px;letter-spacing:.13em;margin:0 0 3px}.message{width:fit-content;max-width:85%;padding:10px 13px 7px;border:1px solid rgba(255,255,255,.14);border-radius:4px 16px 16px 16px;background:rgba(14,12,29,.34);box-shadow:0 8px 20px rgba(0,0,0,.1);color:#f5f0f9}.message p{font-size:13px;line-height:1.55;margin:5px 45px 2px 0}.message time{float:right;color:#a8a0b3;font-size:9px;white-space:nowrap}.sender{display:block;font-size:10px;font-weight:700;margin-bottom:3px}.sender-you{color:#9bdcf0}.sender-friend{color:#f3c485}.sender-durov{color:#d6a7f4}.sender small{font-size:8px;font-weight:500;border:1px solid #ffffff40;border-radius:7px;padding:2px 5px;color:#d3c2e1;margin-left:4px}.read-check{color:#86deea}.outgoing{align-self:flex-end;border-radius:16px 4px 16px 16px;background:linear-gradient(130deg,rgba(151,125,210,.42),rgba(100,157,190,.27));border-color:rgba(214,196,255,.3)}.parody-message{border-left:2px solid #d6a7f4}.chat-footnote{align-self:center;text-align:center;color:#aaa0b6;font-size:8px;letter-spacing:.07em;margin:1px 0}.composer{display:flex;gap:9px;padding-top:12px;border-top:1px solid rgba(255,255,255,.13)}.composer input{flex:1;min-width:0;height:42px;border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:0 13px;background:rgba(12,10,26,.26);outline:none;color:#fff;font:12px "Segoe UI",Arial,sans-serif}.composer input:focus{border-color:#d6a7f4}.composer input::placeholder{color:#aaa1b5}.send-button{height:42px;border:0;border-radius:13px;padding:0 15px;display:flex;align-items:center;gap:11px;background:linear-gradient(110deg,#f4c88f,#edabd1 45%,#a99cf6);color:#1d1730;font-size:11px;font-weight:700;cursor:pointer}.send-button span{font-size:17px}.group-bottom{width:min(760px,100%);display:flex;justify-content:space-between;margin-top:12px;padding:0 3px;color:#a69cb5;font-size:8px;letter-spacing:.13em}
@media(max-width:760px){.screen{min-height:100svh}.site-header{width:calc(100% - 34px);height:67px;flex-basis:67px}.header-note{font-size:8px;letter-spacing:.1em}.intro-wrap{padding:10px 15px 22px;display:flex;flex-direction:column;justify-content:center}.hero-panel{min-height:0;padding:34px 26px 58px;display:flex;flex-direction:column;align-items:stretch;gap:0;border-radius:26px}.hero-copy{max-width:none}.hero-copy h1{font-size:clamp(43px,12.5vw,65px);margin:20px 0 17px}.intro-copy{font-size:13px;line-height:1.75}.signoff{font-size:11px;margin:15px 0 20px}.next-button{width:100%;height:50px}.step-indicator{margin-top:18px}.step-indicator small{font-size:7px}.age-art{order:-1;height:190px;margin:-8px auto 1px;width:min(100%,300px)}.art-orb{width:123px;height:123px}.art-ring{width:225px;height:95px}.ring-two{width:220px;height:72px}.age-number{font-size:126px}.art-caption{font-size:7px;right:0;bottom:9px}.spark-one{top:12px;right:19px;font-size:18px}.spark-two{bottom:25px;left:12px;font-size:15px}.panel-index{left:26px;right:26px;height:39px;font-size:7px}.below-note{gap:9px;font-size:7px;margin-top:17px}.site-footer{width:calc(100% - 34px);height:38px;flex-basis:38px;font-size:7px}.group-wrap{padding:0 12px 16px;display:flex;flex-direction:column;justify-content:center}.group-panel{min-height:0;max-height:calc(100svh - 130px);height:min(670px,calc(100svh - 130px));padding:20px 16px 13px;border-radius:23px}.group-heading{gap:12px;padding:0 1px 16px}.group-avatar{width:46px;height:46px;border-radius:15px;font-size:20px}.group-heading .eyebrow{font-size:7px;gap:7px}.group-heading .eyebrow>b{width:17px}.group-heading h2{font-size:31px}.group-heading p{font-size:9px}.group-badge{font-size:9px;padding:7px 9px}.chat-body{padding-top:14px;gap:9px}.message{max-width:94%;padding:9px 10px 7px}.message p{font-size:12px;line-height:1.5;margin-right:35px}.sender{font-size:9px}.composer{gap:7px;padding-top:10px}.composer input{height:40px;font-size:11px}.send-button{height:40px;padding:0 12px;font-size:10px}.send-button span{font-size:15px}.chat-footnote{font-size:7px}.group-bottom{font-size:7px;margin-top:10px}}
@media(max-width:380px){.site-header{height:58px;flex-basis:58px}.hero-panel{padding:25px 20px 53px}.age-art{height:155px}.age-number{font-size:105px}.art-orb{width:108px;height:108px}.hero-copy h1{font-size:43px}.group-heading h2{font-size:27px}.group-heading p{max-width:190px}.group-badge{padding:6px 7px}.group-panel{padding-inline:13px}}