.landing{max-width:1280px;margin:0 auto;padding:0 64px;background:radial-gradient(ellipse at 15% 25%,#344a3e22,transparent 48%)}.landing-nav{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a5b29b20}.landing-nav .brand{font-family:"Yu Mincho",serif;letter-spacing:.13em;font-size:23px;gap:14px}.landing-nav .brand small{font-family:Arial,sans-serif;display:block;font-size:7px;letter-spacing:.42em;margin-top:6px;color:#849b8e}.landing-nav nav{display:flex;gap:32px;align-items:center;font-size:11px;color:#adbbaf}.nav-login{display:flex;align-items:center;gap:14px;border:1px solid #61705b;padding:10px 17px;border-radius:5px;color:var(--gold)}.landing-hero{display:grid;grid-template-columns:1fr 390px;gap:60px;padding:70px 0 65px;align-items:start}.hero-story{position:relative;min-height:540px}.hero-story .eyebrow{display:flex;align-items:center;gap:12px;font-size:9px}.hero-story h1{font-family:"Yu Mincho",Georgia,serif;font-weight:400;font-size:clamp(34px,3.7vw,51px);letter-spacing:.09em;line-height:1.7;margin-top:28px}.hero-story h1>span{color:var(--gold)}.hero-intro{font-size:12px;line-height:2.2;color:#aab9ad;margin-top:24px;letter-spacing:.04em}.hero-tags{display:flex;gap:20px;margin-top:26px;font-size:10px;color:#8ea894}.hero-tags>span{display:flex;align-items:center;gap:6px}.hero-dice{height:160px;position:relative;margin-top:25px;display:flex;align-items:center}.hero-die{transform:rotate(-13deg);color:#cfb984b0;margin-left:35px}.hero-die svg{stroke-width:.6}.hero-dice .orbit{width:200px;height:125px;transform:rotate(-20deg);border-color:#c2b38a25}.hero-dice>span{font-family:Georgia,serif;font-size:8px;letter-spacing:.19em;color:#7c9481;margin:70px 0 0 32px}.star{position:absolute;color:#b7aa79;font-size:17px}.star-a{left:186px;top:15px}.star-b{left:12px;bottom:16px}.login-card{position:relative;padding:35px;background:linear-gradient(145deg,#25352f,#1c2d2b);border:1px solid #5a68524f;border-radius:12px;box-shadow:0 24px 80px #06141240;margin-top:8px}.login-card:before{content:'';position:absolute;top:-1px;left:35px;right:35px;height:1px;background:linear-gradient(90deg,transparent,#d5bc88,transparent)}.login-emblem{height:53px;color:var(--gold)}.login-card .eyebrow{font-size:8px}.login-card h2{font-family:"Yu Mincho",serif;font-size:27px;letter-spacing:.08em;font-weight:400;margin-top:13px}.login-card>p{font-size:11px;color:#99ae9e;margin-top:13px}.login-card form{margin-top:28px}.login-card label{display:block;font-size:11px;color:#bec9b9;margin:19px 0}.login-card input{height:45px;background:#172622;border-color:#4b5d4e;font-size:12px}.login-submit{width:100%;justify-content:space-between;margin-top:4px;height:46px}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap button{position:absolute;right:10px;top:11px;padding:2px;border:0;background:none;color:#8c9e8c}.login-error{font-size:11px;color:#efae9b;line-height:1.7;margin-bottom:12px}.login-error:empty{display:none}.login-note{display:flex;gap:9px;align-items:flex-start;margin-top:22px;font-size:9px;line-height:1.9;color:#91a78e}.login-note svg{margin-top:3px}.login-bottom{border-top:1px solid #879d7430;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#7e987c;margin-top:25px;padding-top:18px}.login-bottom span{font-size:9px;letter-spacing:.1em}.landing-features{padding:50px 0 60px;border-top:1px solid #9ea58b25}.features-heading{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;align-items:center}.features-heading .eyebrow{grid-column:1/-1;font-size:9px}.features-heading h2{font-family:"Yu Mincho",serif;font-size:25px;font-weight:400;line-height:1.8;letter-spacing:.07em}.features-heading>p{color:#9caf9c;font-size:11px;line-height:2;justify-self:end}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.feature-cards article{border:1px solid #80937530;border-radius:8px;background:#20302b88;padding:25px}.feature-cards article>div{display:flex;justify-content:space-between;align-items:center;color:var(--gold)}.feature-cards article>div>span{font-family:Georgia,serif;font-size:22px;font-style:italic;color:#5f775f}.feature-cards h3{font-family:"Yu Mincho",serif;font-size:16px;letter-spacing:.05em;font-weight:500;margin-top:22px}.feature-cards p{font-size:11px;line-height:2;color:#9bb09a;margin-top:12px}.how-to{padding:45px 0;border-top:1px solid #9ea58b25;display:flex;gap:45px;align-items:start}.how-to .eyebrow{font-size:8px}.how-to h2{font-size:19px;font-family:"Yu Mincho",serif;font-weight:400;line-height:1.8;margin-top:12px}.how-to ol{list-style:none;padding:0;margin:0;flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how-to li>span{color:var(--gold);font:italic 22px Georgia,serif;display:block;margin-bottom:17px}.how-to strong{font-size:11px;font-weight:500}.how-to p{font-size:10px;line-height:1.9;color:#8fa48f;margin-top:10px}.landing-closing{padding:33px 0 45px;color:#b7c1ac;font-family:"Yu Mincho",serif;font-size:14px;letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9ea58b25}.landing-closing>span{color:var(--gold);font-size:20px}.landing-footer{border-top:1px solid #9ea58b25;padding:25px 0;display:flex;align-items:center;gap:20px}.brand-footer{color:var(--gold);font-family:"Yu Mincho",serif;font-size:15px;letter-spacing:.1em}.landing-footer>p{font-size:9px;color:#78937f}.landing-footer>span:last-child{font-size:8px;letter-spacing:.1em;color:#78937f;margin-left:auto}.boot-loading{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:25px;color:var(--gold)}.boot-loading span,.boot-loading p{font-size:13px;color:var(--muted)}.account-name{color:var(--gold);font-size:12px;margin-right:15px}
@media(max-width:1000px){.landing{padding:0 35px}.landing-hero{gap:30px;grid-template-columns:1fr 350px}.login-card{padding:28px}.hero-story h1{font-size:35px}.hero-tags{gap:10px;font-size:8px}.how-to{flex-direction:column}.how-to ol{width:100%}.hero-dice>span{font-size:6px;margin-left:10px}}@media(max-width:760px){.landing{padding:0 24px}.landing-nav{height:85px}.landing-nav .brand{font-size:19px}.landing-nav .brand svg{width:26px}.landing-nav nav>a:not(.nav-login){display:none}.nav-login{font-size:10px;padding:8px 11px}.landing-hero{grid-template-columns:1fr;padding:40px 0;gap:27px}.hero-story{min-height:0}.hero-story h1{font-size:35px;margin-top:20px}.hero-intro{font-size:11px;margin-top:18px}.hero-tags{font-size:8px;margin-top:20px;gap:15px}.hero-dice{display:none}.login-card{margin:0;padding:28px}.features-heading{grid-template-columns:1fr}.features-heading>p{justify-self:start}.features-heading h2{font-size:23px}.feature-cards{grid-template-columns:1fr;gap:13px}.feature-cards article{padding:23px}.feature-cards h3{margin-top:13px}.landing-features{padding:35px 0}.how-to{padding:35px 0;gap:25px}.how-to ol{grid-template-columns:1fr;gap:20px}.how-to li{position:relative;padding-left:32px}.how-to li>span{position:absolute;left:0;top:0}.how-to p{margin-top:5px}.landing-closing{font-size:11px;letter-spacing:.02em;padding:26px 0}.landing-footer{flex-direction:column;align-items:flex-start;gap:13px}.landing-footer>span:last-child{margin-left:0}.login-card h2{font-size:25px}}
