:root{--bg:#06101f;--bg2:#0a1830;--gold:#e7b75f;--gold2:#ffd98c;--text:#f6ecd7;--muted:#aeb6c7;--line:rgba(231,183,95,.35);--panel:rgba(8,22,43,.88)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#132d52 0,transparent 34%),linear-gradient(#06101f,#071426 55%,#040b16);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:87px 87px;opacity:.09}
button,a,textarea{font:inherit}.header{height:76px;padding:0 clamp(18px,5vw,68px);display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:40;background:rgba(4,12,24,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px;color:var(--gold2);text-decoration:none;min-width:max-content}.logo-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:28px;box-shadow:0 0 24px rgba(231,183,95,.18)}.logo b{display:block;font:700 21px Georgia,serif}.logo small{display:block;letter-spacing:.19em;text-transform:uppercase;font-size:9px}.header nav{display:flex;gap:28px;margin:auto}.header nav a{color:#ddd4c5;text-decoration:none;font-family:Georgia,serif}.header nav a:hover{color:var(--gold2)}button{cursor:pointer}.gold-btn{border:1px solid #f4cf7b;background:linear-gradient(180deg,#f7d58c,#d99c3d);color:#251607;border-radius:10px;padding:13px 22px;font-weight:800;box-shadow:0 10px 28px rgba(224,162,62,.18),inset 0 1px #fff3c8}.gold-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.outline-btn{border:1px solid var(--gold);color:var(--gold2);background:rgba(0,0,0,.15);border-radius:10px;padding:12px 20px;text-decoration:none}.menu-btn{display:none;background:none;border:0;color:var(--gold2);font-size:25px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;max-width:1440px;margin:auto;padding:60px clamp(22px,6vw,90px);align-items:center;gap:50px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:800}.hero h1{font:500 clamp(46px,5.7vw,82px)/1.03 Georgia,serif;color:#f3d59b;margin:18px 0 22px;max-width:780px;text-wrap:balance}.hero-copy>p{font-size:19px;line-height:1.7;color:#c6ccda;max-width:670px}.hero-actions{display:flex;gap:14px;margin:28px 0 25px}.benefits{display:flex;gap:10px;flex-wrap:wrap}.benefits span{font-size:12px;color:#c5cbd8;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:rgba(11,30,56,.52)}.hero-art{height:560px;position:relative;border-radius:180px 180px 24px 24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 25px 80px #000}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.9) contrast(1.03)}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,31,.35),transparent 40%),linear-gradient(0deg,rgba(6,16,31,.75),transparent 35%)}.section{max-width:1320px;margin:0 auto;padding:48px clamp(18px,5vw,64px)}.section-title{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-bottom:15px}.section-title span{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.section-title h2{margin:0;font:500 clamp(28px,4vw,42px) Georgia,serif;color:#eac177}.section-lead{text-align:center;color:var(--muted);max-width:760px;margin:0 auto 28px;line-height:1.7}.deck-carousel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.deck-window{overflow:hidden}.deck-track{display:flex;gap:22px;transition:transform .55s ease}.deck-card{flex:0 0 calc((100% - 44px)/3);position:relative;aspect-ratio:2/3;border-radius:21px;overflow:hidden;border:1px solid rgba(231,183,95,.7);box-shadow:0 18px 45px rgba(0,0,0,.38)}.deck-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.deck-card:hover img{transform:scale(1.025)}.round-arrow{width:48px;height:48px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold2);font-size:35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,32,59,.78),rgba(6,17,34,.72));border-radius:14px;padding:23px;min-height:190px}.steps i{font-style:normal;color:var(--gold);font-family:Georgia,serif}.steps b{display:block;margin:35px 0 10px;font:500 21px Georgia,serif;color:#ecc780}.steps p{color:var(--muted);font-size:14px;line-height:1.55}.topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.topic-grid button{min-height:128px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 50% 30%,rgba(55,78,121,.22),transparent 42%),rgba(8,22,43,.8);color:var(--gold);font-size:34px}.topic-grid b{display:block;font:500 18px Georgia,serif;margin-top:13px;color:#efc878}.preview-box{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(7,20,40,.84)}.preview-box>img{width:100%;height:100%;object-fit:cover;max-height:450px}.preview-box>div{padding:28px}.preview-box article{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid rgba(231,183,95,.18)}.preview-box article:last-child{border:0}.preview-box article>span{color:var(--gold);font-size:28px}.preview-box b{font:500 22px Georgia,serif;color:#eac177}.preview-box p{color:var(--muted);line-height:1.55}.journal-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.text-btn{border:0;background:none;color:#d99b8c}.journal-list{display:grid;gap:12px;margin-top:18px}.journal-item{border:1px solid var(--line);background:rgba(8,22,43,.76);padding:18px;border-radius:13px}.journal-item time{font-size:11px;color:#8f99ad}.journal-item b{display:block;font:500 19px Georgia,serif;color:#e7bd72;margin:6px 0}.journal-item p{margin:0;color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:35px;border:1px dashed var(--line);border-radius:12px}footer{max-width:1320px;margin:30px auto 0;padding:45px clamp(20px,5vw,64px);border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;color:var(--muted)}footer b{color:#e8bf75;font:500 20px Georgia,serif}footer a,footer p{display:block;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.7}.footer-logo span{font-size:34px;color:var(--gold);margin-right:10px}
dialog{width:min(1180px,calc(100% - 18px));max-height:calc(100vh - 20px);padding:0;border:1px solid var(--line);border-radius:20px;background:#071528;color:var(--text);box-shadow:0 30px 100px #000;overflow:auto}dialog::backdrop{background:rgba(0,5,14,.82);backdrop-filter:blur(8px)}.dialog-shell{padding:clamp(22px,5vw,55px);position:relative;min-height:650px;background:radial-gradient(circle at 80% 0,rgba(36,68,114,.28),transparent 34%)}.close-dialog{position:absolute;top:14px;right:16px;border:0;background:none;color:var(--gold2);font-size:34px;z-index:3}.flow-step{display:none}.flow-step.active{display:block}.dialog-brand{color:var(--gold);font:600 18px Georgia,serif}.flow-step h2{font:500 clamp(33px,5vw,54px) Georgia,serif;color:#efca83;margin:15px 0 18px}.field{display:grid;gap:9px}.field span,.choice-title{font-weight:700;margin:20px 0 10px}textarea{width:100%;min-height:130px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:15px;background:rgba(3,13,28,.8);color:#fff;outline:none}textarea:focus{border-color:var(--gold)}.choice-grid{display:flex;gap:9px;flex-wrap:wrap}.choice-grid button,.spread-grid button,.feedback button{border:1px solid var(--line);background:rgba(13,33,61,.78);color:#d8dce6;border-radius:10px;padding:12px 15px}.choice-grid button.active,.spread-grid button.active{border-color:var(--gold);color:var(--gold2);background:rgba(126,87,29,.17)}.spread-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spread-grid button{text-align:left;padding:18px}.spread-grid b{display:block;color:#efc878;font:500 20px Georgia,serif}.spread-grid span{display:block;color:var(--muted);font-size:13px;margin-top:6px}.wide{width:100%;margin-top:24px}.progress{display:flex;align-items:center;gap:15px}.progress span{font-size:12px;color:var(--gold);white-space:nowrap}.progress i{height:4px;background:#142842;border-radius:9px;flex:1;overflow:hidden}.progress b{display:block;height:100%;width:0;background:var(--gold);transition:.35s}.reading-cards{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:30px 0}.reading-card{width:min(270px,30%);min-width:210px;aspect-ratio:2/3;perspective:1200px}.flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s}.flip.open{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;overflow:hidden;border:1px solid var(--gold);box-shadow:0 18px 50px rgba(0,0,0,.45)}.back{display:grid;place-items:center;background:radial-gradient(circle,#283e6d 0 3%,transparent 4%),repeating-radial-gradient(circle,#0d1b35 0 11px,#182b4b 12px 22px)}.back::after{content:"☾";font-size:72px;color:var(--gold)}.front{transform:rotateY(180deg)}.front img{width:100%;height:100%;object-fit:cover}.hidden{display:none!important}.interview-layout{display:grid;grid-template-columns:minmax(260px,390px) 1fr;gap:40px;align-items:center;margin-top:25px}.interview-layout>img{width:100%;max-height:610px;object-fit:cover;border:1px solid var(--gold);border-radius:18px}.question-help{color:var(--muted);line-height:1.6}.result-head{display:flex;justify-content:space-between;align-items:flex-start}.result-cards{display:flex;gap:10px;margin:20px 0}.result-cards img{width:90px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.deep-result{display:grid;gap:13px}.analysis-block{border:1px solid var(--line);border-radius:13px;padding:20px;background:rgba(9,25,47,.76)}.analysis-block h3{font:500 23px Georgia,serif;color:#eac177;margin:0 0 9px}.analysis-block p,.analysis-block li{color:#c3cad7;line-height:1.65}.analysis-block ul{margin-bottom:0}.hypothesis{border-left:3px solid var(--gold)}.feedback{margin-top:18px;padding:18px;border:1px dashed var(--line);border-radius:13px}.feedback>div{display:flex;gap:8px;margin-top:12px}.feedback button:hover{border-color:var(--gold)}
@media(max-width:900px){.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#071528;padding:20px;flex-direction:column}.header nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero-art{height:420px}.steps{grid-template-columns:1fr 1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-grid button:last-child{grid-column:span 2}.deck-card{flex-basis:calc((100% - 22px)/2)}.preview-box{grid-template-columns:1fr}.preview-box>img{height:360px}.interview-layout{grid-template-columns:1fr}.interview-layout>img{max-width:310px;margin:auto}.reading-card{width:45%}footer{grid-template-columns:1fr 1fr}.footer-logo{grid-column:span 2}}
@media(max-width:600px){.header{height:66px;padding:0 14px}.logo-mark{width:36px;height:36px}.logo b{font-size:17px}.hero{padding:28px 17px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-art{height:350px;border-radius:100px 100px 18px 18px}.section{padding:35px 15px}.deck-carousel{grid-template-columns:1fr}.round-arrow{display:none}.deck-card{flex-basis:78%}.steps{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.topic-grid button:last-child{grid-column:auto}.preview-box>div{padding:18px}.journal-head{align-items:flex-start;gap:15px}.reading-card{width:72%}.spread-grid{grid-template-columns:1fr}.result-head{display:block}.result-head .outline-btn{display:inline-block;margin-top:8px}.feedback>div{flex-wrap:wrap}footer{grid-template-columns:1fr}.footer-logo{grid-column:auto}}