@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Italiana&display=swap');
:root{color-scheme:dark;--green:#a4f969;--white:#edece6;--muted:#92998d;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:#070907;color:var(--white);font-family:'DM Sans',Arial,sans-serif;min-height:100svh;overflow-x:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}a{color:inherit;text-decoration:none}header,footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}header{height:100px;margin:0 4%;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:28px;display:flex;align-items:center;letter-spacing:-1px}.wordmark>span:last-child{color:var(--green)}.brand-icon{font-family:Arial;font-size:35px;color:var(--green);margin-right:12px}.edition{display:flex;gap:18px;align-items:center;color:#81877e;font-size:12px;letter-spacing:1.3px}.edition-line{width:45px;height:1px;background:#52584e}.motion-button{background:none;border:0;color:#a4aa9f;display:flex;align-items:center;gap:10px;font-size:12px;padding:12px 0}.pause-icon{color:var(--green);font-size:18px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 32% 60%,#517c1510,transparent 65%)}main{max-width:1800px;min-height:calc(100svh - 170px);margin:auto;display:grid;grid-template-columns:59% 41%;align-items:center;padding:20px 4% 25px;position:relative}.art{height:min(760px,76vw);min-height:650px;position:relative;isolation:isolate;--mx:0px;--my:0px}.art-heading{position:absolute;left:0;right:-5%;top:7%;z-index:2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;color:#8f9a85}h1{font-family:'Italiana',Georgia,serif;font-size:clamp(80px,10.7vw,180px);line-height:.95;letter-spacing:-.055em;font-weight:400;margin:24px 0 0;white-space:nowrap}h1 span{color:var(--green)}.art-image{position:absolute;inset:14% -5% 0 -5%;z-index:1;transform:translate(var(--mx),var(--my));transition:transform 1s ease-out;mask-image:linear-gradient(black 82%,transparent),linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-composite:intersect}.art-image img{width:100%;height:100%;object-fit:contain;object-position:center 43%;mix-blend-mode:screen;animation:levitate 9s ease-in-out infinite}.art-note{position:absolute;left:1%;top:45%;z-index:3;font-size:12px;letter-spacing:3px;line-height:2;color:#a3ad99;border-left:1px solid #a4f96966;padding-left:15px}.art-index{position:absolute;right:9%;top:44%;z-index:3;font-size:12px;color:#809071;letter-spacing:2px;writing-mode:vertical-rl}.art-bottom{position:absolute;bottom:0;left:0;right:8%;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#9ba491;z-index:3}.cross{font-size:32px;font-weight:400;color:var(--green)}.mist{position:absolute;width:70%;height:25%;border-radius:50%;filter:blur(45px);background:radial-gradient(ellipse,#80d92320,transparent 65%);bottom:16%;z-index:2;pointer-events:none;animation:drift 17s ease-in-out infinite alternate}.mist-two{left:25%;bottom:8%;animation-delay:-9s;opacity:.7}.specks{position:absolute;inset:28% 5% 8%;z-index:2;pointer-events:none}.specks i{position:absolute;width:2px;height:2px;background:#c1fc8d;border-radius:50%;box-shadow:0 0 7px #a4f969;animation:rise var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:0}.access{position:relative;z-index:4;padding-left:7%;animation:enter 1.1s ease both}.card{max-width:495px;margin:0 auto;padding:34px clamp(24px,3vw,48px) 25px;border:1px solid #c5ddae28;border-radius:20px;background:linear-gradient(125deg,#151a1380,#080b098c 60%);box-shadow:0 30px 90px #0005;backdrop-filter:blur(14px)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top .eyebrow{font-size:11px;letter-spacing:1.6px}.corner-mark{color:#a6bc96;font-size:21px}h2{font-family:'Italiana',Georgia,serif;font-size:clamp(46px,4.5vw,72px);font-weight:400;line-height:1.03;letter-spacing:-2px;margin:30px 0 18px}h2 em{font-style:normal;color:var(--green)}.welcome{color:var(--muted);font-size:16px;margin:0 0 30px}form>label{display:block;margin:20px 0 10px;font-size:14px}.input-wrap{display:flex;align-items:center;border:1px solid #ffffff24;border-radius:7px;min-height:54px;padding:0 15px;gap:12px;background:#04070580;transition:border-color .25s,box-shadow .25s}.input-wrap:focus-within{border-color:#a4f969a0;box-shadow:0 0 0 3px #a4f9690b}.input-wrap svg,.card-footer svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0;color:#848d7e}.input-wrap input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--white);padding:16px 0;font-size:15px}.input-wrap input::placeholder{color:#71796d}.show-password{border:0;background:none;padding:5px 0 5px 7px;color:#929c89;display:flex}.form-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 24px}.remember{display:flex;align-items:center;gap:7px;font-size:13px;color:#c4cabf;cursor:pointer}.remember input{width:17px;height:17px;margin:0;accent-color:var(--green)}.text-button{padding:0;background:none;border:0;color:var(--green);font-size:13px;line-height:1.5}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.submit{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #b7ff8a;background:var(--green);color:#17230e;border-radius:7px;padding:15px 22px;font-size:16px;font-weight:600;transition:background .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden}.submit:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff80 50%,transparent 80%);transform:translateX(-150%);transition:transform .65s}.submit:hover{box-shadow:0 0 32px #a4f96928;transform:translateY(-2px);background:#b5ff82}.submit:hover:before{transform:translateX(150%)}.arrow{font-size:25px;line-height:1;font-weight:400}.feedback{font-size:13px;line-height:1.6;color:#c4d7b5;margin:0}.feedback:not(:empty){margin:15px 0 0;padding:12px;border:1px solid #a4f96930;border-radius:6px;background:#a4f96908}.signup{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;text-align:center;font-size:14px;color:#899381}.signup .text-button{margin-left:6px;font-size:14px}.card-footer{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:24px;color:#727e69;font-size:12px}.card-footer svg{width:14px;height:14px;color:#727e69}footer{height:70px;margin:0 4%;border-top:1px solid var(--line);font-size:12px;color:#78826f}footer>span:last-child{letter-spacing:1px}.footer-center{letter-spacing:2px}.footer-plus{color:var(--green);font-size:18px;margin-left:18px}@keyframes levitate{0%,100%{transform:translateY(0) scale(1.015)}50%{transform:translateY(-13px) scale(1.03)}}@keyframes drift{from{transform:translate(-6%,-8%) scale(.95)}to{transform:translate(16%,10%) scale(1.2)}}@keyframes rise{0%{transform:translateY(20px);opacity:0}30%{opacity:.55}100%{transform:translate(14px,-100px);opacity:0}}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.paused *{animation-play-state:paused!important}.paused .art-image{transform:none!important}@media(min-width:1600px){main{grid-template-columns:60% 40%}.art-heading{top:3%}}@media(max-width:1050px){header{height:80px}.edition{display:none}main{grid-template-columns:52% 48%;padding-top:10px}.art{min-height:680px}.art-heading{top:13%}h1{font-size:10vw}.art-image{inset:25% -10% 4% -20%}.art-note{top:49%;font-size:10px;letter-spacing:1px}.art-index{display:none}.access{padding-left:0}.card{padding:28px 24px}h2{font-size:56px}.form-options{gap:6px}.remember,.form-options .text-button{font-size:12px}.footer-center{display:none}}@media(max-width:700px){header{height:76px;margin:0 6%}.wordmark{font-size:25px}.brand-icon{font-size:30px}.motion-label{display:none}main{display:flex;flex-direction:column;padding:0 6% 35px;min-height:auto}.art{min-height:0;height:410px;width:100%;max-width:500px}.art-heading{top:30px;left:0;right:0}.art-heading .eyebrow{font-size:10px}h1{font-size:clamp(64px,16.3vw,110px);margin-top:17px}.art-image{inset:83px -6% -5%;mask-image:linear-gradient(black 68%,transparent)}.art-image img{object-position:center 40%}.art-note{left:0;top:54%;font-size:9px;letter-spacing:1.4px;padding-left:9px}.art-bottom{display:none}.access{width:100%;margin-top:-24px}.card{max-width:500px;padding:27px 25px 24px;background:linear-gradient(135deg,#10170fee,#090c09ef)}h2{font-size:50px;margin:22px 0 12px}h2 br{display:none}h2 em{margin-left:10px}.welcome{margin-bottom:24px}.card-top .eyebrow{font-size:10px}.form-options{gap:8px}.remember,.form-options .text-button{font-size:13px}footer{margin:0 6%;height:70px;font-size:11px}footer>span:last-child{font-size:9px;letter-spacing:.6px}.footer-plus{margin-left:5px}.mist{bottom:5%}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.art-image{transform:none!important}}

/* The approved composition is a single full-bleed scene. */
body{background:#030503}header{position:absolute;top:0;left:0;right:0;height:86px;margin:0 3.2%;border:0}.wordmark{font-size:27px}.motion-button{color:#a6ac9f}main{max-width:none;min-height:100svh;display:flex;justify-content:flex-end;align-items:center;padding:115px 3.4% 65px}.art{position:fixed;inset:0;width:100%;height:100%;min-height:0;isolation:auto;z-index:0;pointer-events:none}.art-heading{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.art-image{position:absolute;inset:-.7%;mask-image:none;transform:none;transition:none}.art-image img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;animation:scene-breathe 18s ease-in-out infinite}.art-note,.art-index,.art-bottom,.card-top,.card-footer,footer{display:none}.mist{width:65%;height:28%;bottom:3%;filter:blur(45px);opacity:.55}.mist-two{left:35%;bottom:0;opacity:.35}.specks{inset:29% 40% 4% 5%}.access{width:34%;padding:0;position:relative;z-index:4}.card{max-width:none;width:100%;border-radius:18px;padding:clamp(32px,4.2vw,70px) clamp(26px,3.45vw,58px) 42px;background:linear-gradient(120deg,#060806b5,#050805a6);border:1px solid #c5ddae35;backdrop-filter:blur(3px);box-shadow:0 20px 65px #0003}h2{font-family:'Italiana',Georgia,serif;font-size:clamp(35px,3.1vw,55px);letter-spacing:-1.5px;white-space:nowrap;line-height:1.1;margin:0 0 15px}.welcome{font-size:17px;margin-bottom:36px}form>label{margin-top:26px}.input-wrap{min-height:54px;background:#080b0866}.form-options{margin:25px 0 27px}.remember,.form-options .text-button{font-size:13px}.submit{justify-content:center;gap:26px;padding:16px 22px}.signup{margin-top:34px;padding-top:29px}.signup .text-button span{display:none}.ambient{display:none}@keyframes scene-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
@media(min-width:1700px){.access{width:33%}.card{padding-top:70px;padding-bottom:55px}}
@media(max-width:1100px) and (min-width:701px){main{padding:100px 3% 45px}.access{width:39%}.card{padding:38px 25px}h2{font-size:36px}.welcome{font-size:15px;margin-bottom:26px}.art-image img{object-position:43% center}.form-options .text-button,.remember{font-size:12px}.signup{font-size:13px}}
@media(max-width:700px){header{position:absolute;height:72px;margin:0 6%}.wordmark{font-size:24px}main{display:block;min-height:100svh;padding:390px 6% 35px}.art{position:absolute;inset:55px 0 auto;height:420px;min-height:0;max-width:none;overflow:hidden}.art-image{inset:0;left:-4%;width:173%;height:100%;mask-image:linear-gradient(black 73%,transparent 100%)}.art-image img{object-fit:cover;object-position:left center}.access{width:100%;margin:0;padding:0}.card{padding:32px 25px;border-radius:15px;background:linear-gradient(130deg,#080c08ce,#050805eb)}h2{font-size:clamp(32px,8.6vw,48px);margin:0 0 13px;letter-spacing:-1.3px}.welcome{font-size:16px;margin-bottom:28px}.specks{inset:20% 8% 0}.form-options .text-button,.remember{font-size:13px}.signup{margin-top:28px;padding-top:24px}.mist{bottom:8%}.motion-label{display:none}}
@media(prefers-reduced-motion:reduce){.art-image img{animation:none}}

/* Reference captions, placed over the continuous scene. */
.scene-eyebrow{position:absolute;left:5.1%;top:3.8%;z-index:3;font-size:12px;font-weight:500;letter-spacing:2px;color:#a0ab93;line-height:1.6}
.art-note{display:block;position:absolute;left:3.8%;top:42%;z-index:3;border-left:1px solid #91be4c80;padding:0 0 0 15px;color:#a0ab93;font-size:12px;letter-spacing:3px;line-height:2;}
@media(max-width:700px){.art{top:0;height:450px}main{padding-top:400px}.scene-eyebrow{left:6.5%;top:4%;font-size:10px;letter-spacing:1.7px}.art-note{left:6.5%;top:50%;font-size:10px;letter-spacing:2px;line-height:2;padding-left:11px}}

@media(min-width:701px){.scene-eyebrow{left:54%;top:42%;width:9%;max-width:125px;line-height:2;letter-spacing:2px;color:#b0baa4;text-shadow:0 1px 8px #000;white-space:normal}}
@media(min-width:701px) and (max-width:1100px){.scene-eyebrow{left:50.5%;width:8.5%;font-size:11px;letter-spacing:1.3px}}