*{box-sizing:border-box}
:root{--navy:#17314a;--blue:#398fc2;--blue2:#67b9df;--gold:#d8a33d;--mist:#eef8fc;--text:#28445b;--muted:#6e8799;--line:#dfeef4;--white:#fff}
html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,"Helvetica Neue",sans-serif;background:linear-gradient(180deg,#fff 0,#f5fbfe 48%,#fff 100%);line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.page-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 32%,rgba(102,198,238,.20),transparent 30%),radial-gradient(circle at 80% 28%,rgba(255,221,132,.25),transparent 28%)}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 5vw;background:rgba(255,255,255,.90);backdrop-filter:blur(12px);border-bottom:1px solid rgba(223,238,244,.8)}.brand{display:flex;align-items:center}.nav{display:flex;gap:25px;color:#60788a;font-size:13px;font-weight:700}.nav a:hover{color:var(--blue)}.login-btn{border:1px solid #cfe2eb;background:#fff;border-radius:999px;padding:9px 17px;color:var(--navy);font-weight:700}.site-logo{display:block;width:118px;height:auto;max-height:58px;object-fit:contain}
.hero{max-width:1180px;margin:auto}.compact-hero{min-height:calc(100vh - 78px);padding:34px 24px 48px;display:grid;grid-template-columns:minmax(280px,520px) minmax(320px,620px);align-items:center;justify-content:center;gap:60px}.compact-hero .hero-art{order:2}.compact-hero .hero-copy{order:1;max-width:560px}.hero-art{position:relative;height:560px;display:grid;place-items:center}.oracle-orb{width:min(500px,76vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 52%,#fff 0,#f4fbfd 42%,#e3f5fb 68%,rgba(190,228,242,.45) 100%);box-shadow:0 25px 70px rgba(56,151,195,.14)}.oracle-ring{width:58%;aspect-ratio:1;border:2px solid rgba(218,166,65,.58);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.oracle-symbol{font-size:76px;color:var(--gold);line-height:1}.art-sun,.art-moon,.art-star{position:absolute}.art-sun{right:12%;top:7%;width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:rgba(255,226,145,.25);color:var(--gold);font-size:62px}.art-moon{left:10%;top:28%;color:#fff;font-size:75px;text-shadow:0 0 3px #fff}.art-star{color:var(--gold);font-size:28px}.star-a{left:28%;top:17%}.star-b{left:23%;bottom:12%}.star-c{right:17%;bottom:20%}
.eyebrow{color:#3885b5;font-weight:800;letter-spacing:.22em;font-size:13px}.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(50px,6vw,76px);line-height:.98;letter-spacing:-.045em;color:var(--navy);margin:18px 0 22px}.hero-copy h1 em{color:#398fc2;font-style:italic}.hero-copy>p{font-size:18px;color:#71899b;max-width:500px;margin-bottom:20px}.hero-btn{border:0;border-radius:55px;background:linear-gradient(135deg,#4ba4d0,#368abd);color:#fff;padding:18px 34px;font-size:20px;font-weight:800;box-shadow:0 15px 35px rgba(54,139,189,.25)}.hero-btn:hover{transform:translateY(-2px)}
.quick-topics{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 17px}.quick-topic{border:1px solid rgba(80,124,165,.2);background:rgba(255,255,255,.82);border-radius:999px;padding:10px 16px;color:#27445d;font-size:14px;font-weight:700;box-shadow:0 6px 20px rgba(35,74,108,.06);transition:.2s}.quick-topic:hover,.quick-topic.active{transform:translateY(-1px);border-color:rgba(216,170,82,.65);box-shadow:0 8px 24px rgba(35,74,108,.1)}
.compact-oracle{padding:26px 20px 52px;background:linear-gradient(180deg,rgba(232,243,251,.42),rgba(255,255,255,0))}.oracle-card{max-width:760px;margin:auto;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:0 18px 60px rgba(54,139,189,.10)}.compact-oracle{text-align:center}.compact-oracle h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--navy);font-size:38px;margin:8px 0 22px}.oracle-form{max-width:620px;margin:auto;text-align:left}.oracle-form label{display:block;font-weight:800;margin-bottom:10px;color:var(--navy)}textarea{width:100%;min-height:120px;padding:17px;border:1px solid #cfe2eb;border-radius:18px;outline:0;resize:vertical;background:#fbfeff;color:var(--text)}textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(57,143,194,.12)}.primary-btn{width:100%;border:0;border-radius:14px;padding:14px 20px;background:#3f96c6;color:#fff;font-weight:800;margin-top:12px}.ai-result{display:none;margin-top:18px;padding:18px;border-radius:16px;background:#edf8fc;border:1px solid #d2ebf5}.ai-result.show{display:block}.compact-after{padding:8px 20px 68px;text-align:center}.mini-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;color:#9a7a3b;font-size:14px}.mini-links a{color:#315b7d}.text-button{border:0;background:none;color:#315b7d;font-weight:700;padding:0}
footer{text-align:center;padding:45px 22px 65px;border-top:1px solid var(--line);color:var(--muted)}.footer-brand{display:flex;justify-content:center}.footer-logo{display:block;width:150px;height:auto;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:18px 0;font-size:13px}.modal{display:none;position:fixed;inset:0;z-index:50;background:rgba(18,43,61,.55);align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#71899b;font-size:28px}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-tab{flex:1;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font-weight:800}.auth-tab.active{background:#edf8fc;color:#398fc2;border-color:#cfe8f2}.auth-form{display:grid;gap:12px}.auth-form label{font-size:12px;font-weight:800}.auth-form input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cfe2eb;border-radius:11px;outline:0}.primary,.secondary{border:0;border-radius:12px;padding:12px 18px;font-weight:800}.primary{background:#3f96c6;color:#fff}.secondary{background:#edf2f5;color:#28445b}
@media(max-width:850px){.nav{display:none}.compact-hero{grid-template-columns:1fr;gap:12px;min-height:auto;padding-top:25px}.compact-hero .hero-art{order:1;max-width:430px;margin:auto}.compact-hero .hero-copy{order:2;text-align:center;margin:auto}.compact-hero .hero-copy>p{margin-left:auto;margin-right:auto}.quick-topics{justify-content:center}.hero-btn{width:100%}.compact-oracle .oracle-card{padding:26px 18px}}
@media(max-width:620px){.site-header{padding:9px 15px}.site-logo{width:105px}.login-btn{padding:8px 12px}.compact-hero{padding:18px 16px 34px}.hero-art{height:350px}.oracle-orb{width:88vw}.oracle-symbol{font-size:52px}.art-sun{width:92px;height:92px;font-size:40px;right:1%;top:3%}.art-moon{left:3%;font-size:56px}.hero-copy h1{font-size:50px}.hero-copy>p{font-size:17px}.hero-btn{font-size:18px}.compact-oracle h2{font-size:33px}.oracle-card{padding:24px}.mini-links{gap:9px}}