html:has(.landing){scroll-behavior:smooth;scroll-padding-top:20px;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#0a1020}body.landing{display:block;margin:0;padding:0;min-width:0;width:100%;background:#0a1020;color:#0c1427;font-family:Arial,Helvetica,sans-serif}.landing *{box-sizing:border-box;min-width:0}.landing a{color:inherit;text-decoration:none}.landing main{width:100%}.landing h1,.landing h2,.landing h3,.landing p{margin:0}.landing .retro-site{width:100%;max-width:1600px;margin:auto}.landing .hero{position:relative;min-height:650px;background:#070d18;color:#fff}.landing .hero-photo,.landing .hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.landing .hero-shade{background:linear-gradient(90deg,#070d18 0%,#070d18e8 22%,#070d1850 59%,#070d1820),linear-gradient(0deg,#070d1833,transparent 55%,#070d18dc)}.landing .site-nav{position:relative;z-index:3;max-width:1280px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;height:auto;border:0;background:none;font:inherit}.landing .station-logo{display:inline-flex;align-items:baseline;gap:5px;flex-shrink:0;border:3px solid #2d6a6f;border-radius:16px;padding:2px 11px 4px;line-height:1;white-space:nowrap;direction:ltr}.landing .station-logo b{font:900 36px/1 monospace;color:#f6e9d2}.landing .station-logo span{font:800 16px/1 monospace;color:#8ec5e6}.landing nav{border:0;padding:0;margin:0;display:flex;gap:30px;align-items:center;font-size:13px}.landing nav a{padding:8px 0}.landing nav a:hover,.landing nav a.current{color:#ff409c}.landing nav .current{border-bottom:2px solid #ff409c}.landing .pink-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#ff409c;color:#100e1a;border:0;border-radius:10px;padding:15px 24px;font-size:14px;font-weight:800;min-height:48px;transition:background .2s}.landing .pink-button:hover{background:#ff71b5}.landing .nav-cta{font-size:12px;padding:12px 18px;min-height:42px}.landing .menu-toggle{display:none}.landing .hero-content{position:relative;max-width:1280px;margin:auto;padding:22px 40px 65px}.landing h1{font-size:clamp(40px,4.8vw,66px);font-weight:900;letter-spacing:-2px;line-height:.99;max-width:530px}.landing h1 em{font-style:normal;color:#ff409c}.landing .hero-content>p{max-width:375px;line-height:1.5;font-size:15px;margin:20px 0}.landing .hero-content>.pink-button{min-width:220px}.landing .invite-only{display:flex;align-items:center;gap:8px;font-size:11px;color:#cbd1d9;margin-top:18px}.landing .status-dot{height:6px;width:6px;background:#ff409c;border-radius:50%}.landing .handwritten{font-family:'Comic Sans MS','Chalkboard SE',cursive;font-style:italic;letter-spacing:1px;line-height:1.35}.landing .hero-note{position:absolute;left:230px;top:-6px;color:#9eccff;font-size:14px;transform:rotate(-10deg)}.landing .hero-scribble{font-size:15px;color:#a2ceff;margin-top:24px;transform:rotate(-4deg);max-width:300px}.landing .hero-scribble span{color:#ffd331;font-size:34px;margin-left:20px}.landing .paper{position:relative;background:#f5f0e5;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23554422' opacity='.05' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.landing .paper:before,.landing .paper:after{content:'';position:absolute;left:0;width:100%;height:20px;background:#f5f0e5;clip-path:polygon(0 60%,2% 30%,4% 55%,7% 20%,9% 45%,12% 25%,15% 60%,18% 20%,22% 45%,25% 10%,29% 45%,33% 20%,37% 50%,40% 25%,44% 60%,48% 20%,52% 45%,56% 20%,60% 50%,65% 15%,70% 55%,74% 25%,78% 45%,82% 20%,87% 50%,92% 20%,96% 50%,100% 20%,100% 100%,0 100%);z-index:2}.landing .paper:before{top:-19px}.landing .paper:after{bottom:-19px;transform:rotate(180deg)}.landing .features{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding:35px 40px 25px;text-align:center}.landing .feature-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;color:#fff;margin:0 auto 12px;box-shadow:inset 0 0 0 3px #ffffff35}.landing .feature-icon svg{width:28px;height:28px}.landing .pink{background:#ff409c}.landing .cyan{background:#04bbd4}.landing .yellow{background:#ffd132;color:#0b1223}.landing .purple{background:#8242b5}.landing .features h2{font-size:16px;line-height:1.2;margin-bottom:10px}.landing .features p{font-size:14px;line-height:1.4;color:#303544}.landing .rediscover{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.9fr);gap:42px;align-items:center;padding:35px 40px 50px}.landing .memory-collage{height:300px;position:relative}.landing .polaroid{padding:10px 10px 14px;background:#ece9df;box-shadow:3px 6px 8px #15203c25;transform:rotate(-7deg);width:180px}.landing .polaroid img{display:block;width:100%;height:140px;object-fit:cover}.landing .polaroid span{font:bold 13px/1.3 monospace;display:block;margin-top:10px;text-align:center}.landing .memory-collage .polaroid{position:absolute;right:0;top:0;transform:rotate(-8deg)}.landing .paper-note{position:absolute;left:0;top:44px;background:#fffae9;padding:14px 13px;font-size:19px;transform:rotate(-10deg);box-shadow:1px 3px 6px #0002;z-index:1;max-width:185px}.landing .paper-note b{font-size:28px;color:#bc8500}.landing .cassette{position:absolute;bottom:0;left:17%;width:230px;max-width:83%;padding:12px 14px;border:4px solid #262a2d;border-radius:6px;background:repeating-linear-gradient(0deg,#262a2d,#262a2d 2px,#33383a 3px,#33383a 5px);transform:rotate(-9deg);box-shadow:3px 5px 8px #0005;text-align:center}.landing .cassette>span,.landing .cassette small{display:block;background:#d0c6af;font:bold italic 15px/1.2 monospace;padding:6px;color:#141b27}.landing .cassette small{font-size:11px;margin:0}.landing .reels{display:flex;align-items:center;justify-content:space-around;padding:10px 0;color:#958873}.landing .reels i{width:29px;height:29px;border:7px solid #0d1011;background:#989b8e;border-radius:50%;outline:2px solid #555}.landing .rediscover-copy h2{font-size:35px;line-height:1.05;letter-spacing:-1px}.landing .underline{position:relative;display:table}.landing .underline:after{content:'';position:absolute;height:4px;background:#ff409c;border-radius:50%;left:3%;right:8%;bottom:-12px;transform:rotate(-2deg)}.landing .rediscover-copy p{font-size:15px;line-height:1.5;margin:28px 0 20px}.landing .city-collage{position:relative;display:flex;align-items:center;flex-direction:column;gap:25px}.landing .city-collage .polaroid{transform:rotate(9deg);width:190px}.landing .city-collage>span{font-size:18px;transform:rotate(-10deg);align-self:flex-start}.landing .moments{max-width:1280px;margin:auto;padding:12px 40px 45px}.landing .moments>h2,.landing .faq>h2{font-size:28px;letter-spacing:-.6px;margin:0 auto 28px;text-align:center}.landing .section-subtitle{text-align:center;color:#535565;font-size:14px;margin-bottom:22px}.landing .moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.landing .moment-grid article{display:flex;gap:14px;padding:22px 18px;border-radius:14px;background:#fff9;align-items:flex-start}.landing .moment-symbol{font-size:30px;color:#ff409c;flex-shrink:0}.landing .moment-grid h3{font-size:15px;line-height:1.4;margin-bottom:8px}.landing .moment-grid p{font-size:13px;line-height:1.5;color:#535565}.landing .moment-tag{display:block;color:#c21b70;font:bold 9px monospace;letter-spacing:1px;margin-top:12px}.landing .faq{max-width:850px;margin:auto;padding:0 40px 55px}.landing .faq details{margin:0;border:0;border-bottom:1px solid #c7c0b0;padding:16px 0;background:none}.landing .faq summary{cursor:pointer;font-size:14px;font-weight:700;color:#141b27;line-height:1.5}.landing .faq details p{font-size:14px;line-height:1.7;margin:12px 0 0;color:#484b59}.landing .join-banner{background:linear-gradient(#0a102032,#080e1ca8),url('/assets/night-city.png') center 65%/cover;color:white;padding:55px 40px 45px}.landing .join-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:center}.landing .banner-note{font-size:23px;transform:rotate(-10deg);justify-self:center}.landing .join-copy{text-align:center}.landing .join-copy h2{font-size:28px;margin:0 0 10px}.landing .join-copy>p{font-size:13px;line-height:1.5}.landing #invite-link-form{display:flex;max-width:500px;margin:22px auto 12px}.landing #invite-link-form input{width:100%;flex:1;height:48px;background:#fff;border:0;border-radius:10px 0 0 10px;font-size:16px;padding:12px 16px}.landing #invite-link-form button{display:flex;align-items:center;justify-content:center;gap:15px;flex:0 0 100px;width:auto;margin:0;background:#ff409c;color:#080d19;border:0;border-radius:0 10px 10px 0;font:bold 14px Arial;padding:12px;cursor:pointer}.landing #invite-feedback{color:#ffd9e9;font-size:13px}.landing .join-copy small{font-size:11px;color:#dbddeb;display:block;margin-top:10px}.landing .neon-sign{display:flex;flex-direction:column;gap:9px;transform:rotate(-8deg);justify-self:end}.landing .neon-sign span{border:2px solid #ff50bc;border-radius:4px;color:#ff78ce;padding:5px 12px;font:16px monospace;box-shadow:0 0 8px #fa35bb,inset 0 0 6px #fa35bb;text-shadow:0 0 6px #fa35bb;text-align:center}.landing .neon-sign span:nth-child(2){color:#9bbbff;border-color:#618aff;box-shadow:0 0 8px #618aff}.landing .site-footer{padding:26px 40px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#d2d7e3}.landing .site-footer .station-logo{border-width:2px;border-radius:12px}.landing .site-footer .station-logo b{font-size:25px}.landing .site-footer .station-logo span{font-size:12px}.landing .site-footer nav{font-size:12px;gap:22px}.landing .site-footer>span{font-size:10px}.landing .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.landing .skip-link{position:absolute;top:-80px;left:12px;padding:12px;background:white;z-index:10}.landing .skip-link:focus{top:10px}.landing a:focus-visible,.landing button:focus-visible,.landing input:focus-visible,.landing summary:focus-visible{outline:3px solid #05bcd7;outline-offset:4px}
@media(max-width:1000px){.landing .site-nav{padding:22px 28px;gap:20px}.landing nav{gap:18px}.landing .hero-content{padding-inline:28px}.landing .hero{min-height:600px}.landing .features{gap:18px;padding-inline:28px}.landing .rediscover{gap:26px;padding-inline:28px;grid-template-columns:1fr 1fr}.landing .city-collage{display:none}.landing .memory-collage{max-width:370px;width:100%}.landing .join-inner{grid-template-columns:1fr 2fr}.landing .neon-sign{display:none}.landing .moment-grid{gap:12px}.landing .moment-grid article{padding:18px 12px;gap:10px}.landing .site-footer{flex-wrap:wrap}}
@media(max-width:700px){.landing .hero{min-height:0}.landing .hero-photo{height:390px;object-position:68% center}.landing .hero-shade{background:linear-gradient(0deg,#070d18 0%,#070d18 7%,#070d18e6 30%,transparent 70%,#070d1860);height:100%}.landing .site-nav{height:86px;padding:18px 20px;gap:16px}.landing .station-logo{border-width:3px;border-radius:12px;padding:3px 8px}.landing .station-logo b{font-size:30px}.landing .station-logo span{font-size:14px}.landing .nav-cta{display:none}.landing .menu-toggle{display:block;width:40px;height:40px;min-width:40px;padding:4px;margin:0;border:0;background:#0a102090;color:white;font:25px Arial;border-radius:5px;cursor:pointer}.landing #site-menu{display:none;position:absolute;left:16px;right:16px;top:78px;background:#11192b;border:1px solid #ffffff30;border-radius:10px;padding:15px;box-shadow:0 8px 25px #0008;z-index:4}.landing #site-menu.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.landing #site-menu a{padding:11px 12px;min-height:44px}.landing .hero-content{padding:210px 22px 35px}.landing .hero-note{top:20px;left:auto;right:22px;font-size:12px;max-width:100px}.landing h1{font-size:36px;line-height:1.03;letter-spacing:-1.1px;max-width:440px}.landing .desktop-break{display:none}.landing .hero-content>p{font-size:14px;line-height:1.5;margin:16px 0 20px;max-width:430px}.landing .hero-content>.pink-button{width:100%;min-width:0;max-width:440px;min-height:48px;font-size:14px}.landing .invite-only{font-size:10px;justify-content:center;max-width:440px;margin-top:16px}.landing .hero-scribble{display:none}.landing .features{grid-template-columns:repeat(2,minmax(0,1fr));padding:32px 20px 20px;gap:24px 18px}.landing .features article:last-child{grid-column:1/-1;max-width:180px;justify-self:center}.landing .feature-icon{width:45px;height:45px;border-radius:16px;margin-bottom:10px}.landing .features h2{font-size:14px;line-height:1.3;margin:0}.landing .features p{display:none}.landing .rediscover{display:flex;flex-direction:column;padding:20px 22px 36px;gap:30px}.landing .memory-collage{height:265px;max-width:330px;flex:none}.landing .memory-collage .polaroid{width:155px;right:6px}.landing .polaroid img{height:120px}.landing .paper-note{font-size:18px;left:7px;max-width:175px}.landing .cassette{width:205px;left:24%;bottom:0}.landing .rediscover-copy{width:100%;max-width:440px;text-align:center}.landing .rediscover-copy h2{font-size:29px;margin:auto;line-height:1.1}.landing .rediscover-copy p{font-size:14px;margin:24px 0 18px}.landing .rediscover-copy .pink-button{width:100%;max-width:340px}.landing .moments{padding:0 20px 32px}.landing .moments>h2,.landing .faq>h2{font-size:23px;line-height:1.25;margin-bottom:26px}.landing .section-subtitle{font-size:12px;line-height:1.4}.landing .moment-grid{grid-template-columns:minmax(0,1fr);gap:12px}.landing .moment-grid article{padding:18px;gap:16px}.landing .moment-grid h3{font-size:15px;margin-bottom:5px}.landing .moment-grid p{font-size:13px}.landing .faq{padding:0 22px 36px}.landing .faq summary{font-size:14px}.landing .join-banner{padding:42px 20px 30px;background-position:center}.landing .join-inner{display:block}.landing .banner-note{display:none}.landing .join-copy h2{font-size:24px;line-height:1.2}.landing .join-copy>p{font-size:12px;line-height:1.5}.landing #invite-link-form{margin-top:20px}.landing #invite-link-form input{padding:12px;font-size:16px;min-width:0}.landing #invite-link-form button{flex-basis:72px;gap:6px;font-size:13px}.landing .site-footer{padding:24px 20px;justify-content:center;gap:22px;flex-direction:column}.landing .site-footer nav{gap:24px;font-size:12px}.landing .site-footer>span{font-size:10px;text-align:center}}
@media(max-width:359px){.landing h1{font-size:31px}.landing .hero-content{padding-inline:16px}.landing .paper-note{font-size:16px;max-width:145px}.landing .memory-collage .polaroid{width:140px}.landing .cassette{left:16%;width:195px}.landing .features{gap:22px 12px}.landing .site-footer nav{gap:18px}}
@media(prefers-reduced-motion:reduce){html:has(.landing){scroll-behavior:auto}.landing .pink-button{transition:none}}
.landing .site-nav .nav-login{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:1px solid #8ec5e6;border-radius:8px;color:#f6e9d2;white-space:nowrap;font-weight:800;background:#0b1427a8}.landing .site-nav .nav-login:hover{background:#8ec5e6;color:#0b1427}@media(max-width:700px){.landing #site-menu .nav-login{margin-top:8px;border-color:#8ec5e6;text-align:center}}
.landing .retro-site{overflow:clip}.landing .site-nav,.landing .site-nav nav,.landing .site-nav .station-logo{min-width:0}@media(max-width:359px){.landing .site-nav{padding-inline:12px;gap:6px}.landing .site-nav .station-logo{padding-inline:5px}.landing .site-nav .station-logo b{font-size:25px}.landing .site-nav .station-logo span{font-size:11px}.landing .site-nav #language-switch{min-width:52px;padding-inline:5px}.landing .menu-toggle{width:36px;min-width:36px}.landing .memory-collage{max-width:100%}}
