@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--bg:#100b17;--panel:rgba(255,255,255,.065);--line:rgba(255,255,255,.13);--text:#fff8fb;--muted:#b9acbf;--pink:#f1a9c9;--rose:#d96b9d;--gold:#e8d2a6;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#38203e 0%,transparent 48%),var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.ambient{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(110px);opacity:.14;pointer-events:none;z-index:0}.ambient-one{background:#bc4d91;top:12%;left:-220px}.ambient-two{background:#7863c7;right:-250px;bottom:5%}main{position:relative;z-index:1}.screen{display:none;min-height:100svh;animation:appear .6s ease both}.screen.active{display:flex}.login-screen,.transition-screen{align-items:center;justify-content:center;padding:28px}.login-card{width:min(100%,460px);padding:clamp(28px,6vw,48px);text-align:center}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 24px 80px #0003;border-radius:26px}.eyebrow{font-size:.68rem;letter-spacing:.19em;font-weight:700;color:var(--pink);margin:0 0 18px}.sparkle{color:var(--gold);margin-right:8px}.heart-mark{font-family:var(--serif);font-size:3rem;color:var(--pink);margin:16px 0 8px;animation:heartPulse 2.8s ease-in-out infinite}.login-card h1,.hero h1,.section-heading h1,.search-hero h1{font:500 clamp(2.7rem,7vw,4.3rem)/1.07 var(--serif);letter-spacing:-.04em;margin:0}.login-card h1 em,.hero h1 em,.section-heading h1 em,.search-hero h1 em,.letter-page h1 em{color:var(--pink);font-weight:500}.muted{color:var(--muted);line-height:1.75;font-size:.94rem}.login-card form{display:grid;text-align:left;margin-top:28px;gap:10px}.login-card label{font-size:.8rem;color:#e9dce9;margin-top:6px}.login-card input,.search-box input{width:100%;background:#ffffff09;color:var(--text);border:1px solid var(--line);border-radius:13px;padding:15px 16px;outline:none}.login-card input:focus,.search-box input:focus{border-color:#e99bc4;box-shadow:0 0 0 3px #e99bc41c}.login-card input::placeholder,.search-box input::placeholder{color:#8e8194}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:14px;padding:15px 20px;font-size:.8rem;font-weight:700;letter-spacing:.035em;transition:transform .25s,background .25s,border-color .25s;min-height:49px}.button:hover{transform:translateY(-2px)}.button span{font-size:1.1rem}.primary{color:#281321;background:linear-gradient(115deg,#f5c4dc,#dc83b2);box-shadow:0 8px 28px #e28bb52b}.primary:hover{background:linear-gradient(115deg,#ffdbeb,#e99ac3)}.secondary{color:var(--text);background:#ffffff08;border-color:var(--line)}.secondary:hover{border-color:#f1a9c9aa;background:#f1a9c911}.full{width:100%;margin-top:14px}.tiny-note{font-size:.72rem;color:#928397;margin-top:22px}.transition-screen{flex-direction:column;text-align:center}.transition-screen h2{font:500 clamp(1.8rem,5vw,3rem)/1.25 var(--serif);margin:0}.orbit-heart{display:grid;place-items:center;width:92px;height:92px;border:1px solid #e9a4c766;border-radius:50%;font-size:3rem;color:var(--pink);margin-bottom:28px;animation:orbit 4s linear infinite}.loading-line{width:min(280px,70vw);height:2px;background:#ffffff16;margin:30px 0 2px;overflow:hidden}.loading-line span{display:block;width:40%;height:100%;background:var(--pink);animation:loading 1.5s ease-in-out infinite}.page-screen{display:none;flex-direction:column;width:min(100%,980px);margin:0 auto;padding:26px clamp(18px,5vw,48px) 22px}.page-screen.active{display:flex}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font:600 1.15rem var(--serif);letter-spacing:-.02em}.brand b{color:var(--pink)}.topbar-note,.text-button{font-size:.75rem;color:var(--muted)}.text-button,.back-button{border:0;background:none;color:var(--muted);padding:10px 0}.hero{position:relative;min-height:410px;display:flex;flex-direction:column;justify-content:center;padding:56px 0}.hero-copy{max-width:420px;color:var(--muted);line-height:1.85;margin-top:20px}.hero-orb{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:clamp(120px,25vw,230px);aspect-ratio:1;border-radius:50%;border:1px solid #f1a9c955;display:grid;place-items:center;background:radial-gradient(circle,#e9a2c41b,transparent 65%);box-shadow:inset 0 0 55px #d96b9d12,0 0 80px #d96b9d0d}.hero-orb span{font:500 clamp(4rem,11vw,8rem) var(--serif);color:#f1a9c9aa}.hero-orb i,.hero-orb b{position:absolute;color:var(--gold);font-style:normal}.hero-orb i{top:14%;right:18%}.hero-orb b{bottom:18%;left:14%;font-size:1.4rem}.feature-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(24px,4vw,38px)}.feature-card h2,.portrait-caption h2,.letter-teaser h2,.result-details h2,.after-video h2,.final-contact h2{font:500 clamp(1.5rem,4vw,2.25rem)/1.2 var(--serif);margin:0}.feature-card .muted{margin-bottom:0}.feature-card .button{flex-shrink:0}footer{padding:38px 0 12px;text-align:center;color:#8e8194;font-size:.72rem}footer span{color:var(--pink)}.back-button{align-self:flex-start;margin:4px 0 20px}.section-heading{margin:24px 0 34px}.portrait-card{width:min(100%,600px);margin:0 auto;padding:18px}.portrait-placeholder{height:clamp(250px,48vw,440px);border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#71405e,#2a1a31 60%,#18101f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#f1a9c9aa;border:1px solid #ffffff10}.portrait-placeholder span{font:5rem var(--serif)}.portrait-placeholder small{font-size:.65rem;letter-spacing:.16em}.portrait-caption{padding:24px 12px 8px}.portrait-caption .eyebrow{margin-bottom:10px}.type-text{line-height:1.95}.letter-teaser{display:flex;align-items:center;gap:20px;padding:24px;margin-top:22px}.letter-teaser>div:nth-child(2){flex:1}.letter-teaser .muted{font-size:.82rem;margin-bottom:0}.letter-teaser .button{flex-shrink:0}.envelope{font-size:2.2rem;color:var(--pink);width:58px;height:58px;display:grid;place-items:center;background:#f1a9c912;border-radius:17px}.letter-page{position:relative;width:min(100%,620px);margin:30px auto;background:linear-gradient(140deg,#f5e8dc,#e8d3c7);color:#3b2632;padding:clamp(28px,7vw,60px);border-radius:4px 22px 4px 22px;box-shadow:0 30px 90px #0005;transform:rotate(-.3deg)}.letter-page .eyebrow{color:#a15b7e}.letter-stamp{position:absolute;top:24px;right:24px;border:1px solid #aa6f8a;padding:8px;font-size:.55rem;letter-spacing:.1em;color:#a15b7e}.letter-page h1{font:500 clamp(2.6rem,7vw,4rem) var(--serif);margin:0 0 24px}.letter-copy{font:1.02rem/2 var(--serif);min-height:100px}.paper-slip{background:#fff9ef;padding:18px;margin:28px -8px 18px;box-shadow:0 6px 18px #53314510;transform:rotate(1deg);font:italic 1rem var(--serif);color:#77566a}.letter-page .button{margin-top:14px}.search-hero{text-align:center;padding:clamp(40px,8vw,78px) 0 28px}.search-hero h1{font-size:clamp(2.2rem,6vw,3.7rem)}.search-hero .muted{max-width:470px;margin:18px auto}.search-box{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;width:min(100%,690px);margin:0 auto}.search-box input{border:0;background:transparent;box-shadow:none!important;min-width:0}.search-icon{font-size:1.7rem;color:var(--pink);padding-left:6px}.search-box button{width:44px;height:44px;flex-shrink:0;border:0;border-radius:13px;background:var(--pink);color:#241320;font-size:1.3rem}.search-hint{text-align:center;font-size:.6rem;letter-spacing:.18em;color:#8f8297;margin:15px 0 28px}.search-status{text-align:center;color:var(--pink);min-height:30px;font-size:.9rem}.result-card,.video-stage,.after-video,.final-contact{width:min(100%,690px);margin:18px auto 0;overflow:hidden}.hidden{display:none!important}.result-top{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;font-size:.68rem}.result-number{letter-spacing:.15em;color:var(--muted)}.result-found{color:#a6dfbd}.video-cover{position:relative;aspect-ratio:16/9;background:linear-gradient(130deg,#67405f,#d59bbd 50%,#2a1a3c);display:grid;place-items:center;overflow:hidden}.video-cover:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at 40% 35%,#f8d5e6,#8e547e 34%,#2a1b38 70%);filter:blur(24px);transform:scale(1.1)}.blurred-cover:after{content:"";position:absolute;inset:0;background:#160d22a8;backdrop-filter:blur(15px);transition:opacity .8s,backdrop-filter .8s}.cover-lock{position:relative;z-index:2;font-size:3.5rem;color:#fff4e7;text-shadow:0 0 25px #f5b9db}.cover-caption{position:absolute;z-index:3;bottom:18px;left:18px;font-size:.7rem;letter-spacing:.14em}.result-details{padding:24px}.result-details .eyebrow{margin-bottom:10px}.result-details h2{margin-bottom:8px}.result-details .muted{margin-top:0}.video-stage{padding:18px}.video-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px}.video-heading .eyebrow{margin:0}.icon-button{border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);width:34px;height:34px;font-size:1.3rem}#video-player{width:100%;max-height:65vh;background:#050307;border-radius:14px;display:block}.video-controls{display:flex;gap:12px;margin-top:12px}.video-controls .button{flex:1}.video-note{font-size:.8rem;margin-bottom:0}.after-video,.final-contact{padding:26px}.after-video h2,.final-contact h2{margin:8px 0}.final-contact{margin-top:36px}.final-contact .tiny-note{margin-bottom:0}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#08050cbf;backdrop-filter:blur(10px);animation:appear .25s ease}.modal-card{width:min(100%,420px);padding:30px;text-align:center;animation:modalUp .35s ease}.modal-icon{font-size:2.7rem;color:var(--pink);margin-bottom:12px}.modal-card h2{font:500 2rem var(--serif);margin:0}.modal-card .muted{margin:10px 0 22px}.modal-actions{display:flex;gap:10px}.toast{position:fixed;z-index:30;top:18px;left:50%;transform:translate(-50%,-150%);opacity:0;padding:13px 20px;border-radius:13px;background:#d8f4df;color:#1c5732;font-size:.85rem;font-weight:700;box-shadow:0 12px 40px #0004;transition:transform .4s,opacity .4s;max-width:calc(100% - 30px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}
@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalUp{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heartPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes loading{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}@media(max-width:650px){.hero{min-height:390px;padding:60px 0 130px}.hero-orb{top:auto;right:5%;bottom:0;transform:none;width:120px}.feature-card,.letter-teaser{align-items:stretch;flex-direction:column}.feature-card .button,.letter-teaser .button{width:100%}.letter-teaser{gap:12px}.letter-page{margin-top:12px}.topbar-note{display:none}.video-controls{flex-direction:column}.result-top{font-size:.6rem}.page-screen{padding-top:18px}.section-heading{margin-top:12px}.modal-card{padding:25px}.search-hero{padding-top:52px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}