:root{--ink:#17202a;--ink-soft:#263442;--paper:#fffdf8;--champagne:#c6a46a;--warm:#f0e5d1;--text:#26303b;--mist:#72808a}body{background:var(--ink);color:var(--text)}#snow{opacity:.45}.sound{top:22px;right:22px;border-color:#c6a46a99;background:#17202ad9;color:#fffdf8}.sound span{color:#e6c98d}.opening-sequence{background:#f8f1e5 url('ivory-botanical-paper.png') center/cover}.opening-sequence:before{background:linear-gradient(115deg,#17202a18,#ffffff00 52%,#17202a12)}.opening-title{top:max(7.5vh,32px)}.opening-title .eyebrow{color:#81683e}.opening-title p:last-child{color:#263442;font-size:clamp(1.05rem,3vw,1.35rem)}.opening-stage{width:min(86vw,570px);margin-top:4vh}.film-envelope{filter:drop-shadow(0 24px 30px #26344233);animation-duration:12.3s}.film-letter{inset:8% 7%;background:#fffdf8;color:#273340;box-shadow:0 12px 28px #17202a22;animation-duration:12.3s}.film-letter p,.film-letter small{color:#8f7447}.film-letter strong{font-size:clamp(2.2rem,9vw,5rem);color:#263442}.film-letter strong i{color:#bc9860}.letter-corner{color:#c5a36b}.film-flap{background:#263442;box-shadow:inset 0 0 0 7px #1c2935,inset 0 0 0 9px #c6a46a}.film-flap:after{content:"";position:absolute;inset:15%;border:1px solid #d7bc8799;border-radius:60% 60% 4px 4px}.film-wax{background:radial-gradient(circle at 30% 25%,#f6df9a,#be9754 48%,#855b27);color:#28313b;animation-duration:12.3s}.opening-caption{color:#33414c;bottom:max(7vh,31px);animation-duration:12.3s}.skip-opening{color:#31404d;border-color:#b8955b99;background:#fffdf8cc}.auth-screen{background:#f7f0e5 url('ivory-botanical-paper.png') center/cover;min-height:100svh;padding:34px 20px}.auth-screen:before{background:linear-gradient(90deg,#fffdf855,#f0e7d455,#fffdf855)}.auth-halo{width:min(94vw,640px);border-color:#c6a46a55;box-shadow:0 0 0 22px #c6a46a11,0 0 0 44px #c6a46a09}.auth-card{width:min(100%,620px);padding:44px 45px 36px;background:#fffdf8e8;border:1px solid #d2b981;box-shadow:0 22px 55px #2733421c;backdrop-filter:blur(4px)}.auth-card:before,.auth-card:after{color:#d2b981;font-size:2.5rem}.auth-crest{width:48px;height:48px;margin:0 auto 13px;border:1px solid #c6a46a;border-radius:50%;display:grid;place-items:center;color:#826b44;font:italic 1.35rem 'Cormorant Garamond';letter-spacing:.05em}.auth-card .eyebrow{color:#8d7449;margin:0 0 14px}.auth-card h1{font:500 clamp(2.45rem,6vw,4rem)/.94 'Cormorant Garamond';color:#263442}.auth-card h1 i{color:#ae8952;font-size:.65em}.wedding-date{margin:18px 0 16px;color:#67737c;font:600 .68rem 'DM Sans';letter-spacing:.17em;text-transform:uppercase}.auth-divider{height:1px;background:linear-gradient(90deg,transparent,#c6a46a,transparent);max-width:190px;margin:0 auto}.auth-divider span{display:inline-block;position:relative;top:-10px;padding:0 12px;background:#fffdf8;color:#bb985d}.auth-card .auth-intro{margin:18px auto 20px!important;color:#64717a;font-size:.9rem}.auth-card form{max-width:410px;margin:0 auto}.auth-card input{height:50px;text-align:center;border:1px solid #d8c7aa;border-radius:0;background:#fff;color:#263442;font-size:.85rem;letter-spacing:.13em}.auth-card input::placeholder{color:#99a1a3;letter-spacing:.12em}.auth-card .gold-button{height:48px;margin-top:10px;border:0;background:#263442;color:#fffdf8;box-shadow:none;font-size:.64rem}.auth-card .gold-button span{color:#d7b773;margin-left:8px;font-size:1rem}.landing-countdown{max-width:360px;margin:27px auto 0;padding-top:17px;border-top:1px solid #dbccb2;color:#7f6946;font-size:.59rem;letter-spacing:.16em}.landing-countdown>span{display:block}.landing-countdown div{gap:0;margin:13px 0 0;justify-content:stretch}.landing-countdown div div{display:block;flex:1;margin:0;border-right:1px solid #d9c8a9}.landing-countdown div div:last-child{border:0}.landing-countdown b{font:500 1.5rem 'Cormorant Garamond';color:#263442}.landing-countdown small{display:block;margin-top:3px;color:#9a8664;font:500 .46rem 'DM Sans';letter-spacing:.1em;text-transform:uppercase}.designer-credit{color:#5d6a73;font-size:.78rem}.opening-sequence .film-envelope{animation-timing-function:cubic-bezier(.16,.88,.22,1)}@keyframes envelope-rise{0%,7%{transform:scale(.92) translateY(12px);opacity:0}16%,76%{transform:scale(1) translateY(0);opacity:1}100%{transform:scale(1.08) translateY(-20px);opacity:0}}@keyframes seal-break{0%,31%{transform:translate(-50%,-50%) scale(1);opacity:1}39%{transform:translate(-50%,-50%) scale(1.1);opacity:1}48%,100%{transform:translate(-50%,-50%) scale(.45);opacity:0}}@keyframes left-open{0%,37%{transform:rotateY(0)}62%,100%{transform:rotateY(-125deg)}}@keyframes right-open{0%,37%{transform:rotateY(0)}62%,100%{transform:rotateY(125deg)}}@keyframes letter-lift{0%,48%{transform:translateY(5%)}78%,100%{transform:translateY(-31%) scale(1.02)}}@keyframes caption-in{0%,55%{opacity:0}72%,92%{opacity:1}100%{opacity:0}}@media(max-width:520px){.auth-card{padding:39px 23px 31px}.auth-card h1{font-size:2.5rem}.opening-stage{margin-top:2vh}.film-letter p{margin-bottom:9px}.film-letter small{margin-top:10px}.opening-title{top:6vh}}@media(min-width:700px){.auth-card{padding:48px 65px 38px}.opening-stage{width:min(70vw,570px)}}
