:root{--bg:#07120f;--panel:#10201b;--panel2:#152a23;--stroke:#27463b;--muted:#98b4a9;--text:#ecf7f0;--green:#46e5a7;--green-dark:#105c43;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1190px;margin:0 auto;padding:0 24px}.narrow{max-width:680px;margin:0 auto;padding-left:24px;padding-right:24px}.page-pad{padding-top:66px;padding-bottom:90px}.site-header{position:sticky;top:0;background:rgba(8,20,16,.95);border-bottom:1px solid #1d352c;z-index:10;backdrop-filter:blur(14px)}.header-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{font-size:29px;color:var(--green);background:#123629;border:1px solid #266f50;border-radius:13px;padding:4px 12px}.brand strong{font-size:17px;letter-spacing:.3px}.brand em,.footer-inner span{font-style:normal;color:var(--green)}.brand small{display:block;color:#a4c4b6;font-size:10px;letter-spacing:1.1px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:22px}.nav a{font-size:13px;color:#bad0c6;font-weight:600}.nav a:hover,.backlink:hover{color:var(--green)}.nav .nav-join{padding:10px 16px;color:#0b1a14;background:var(--green);border-radius:9px}.menu-button{display:none}.hero{overflow:hidden;border-bottom:1px solid #19372a;background:radial-gradient(circle at 78% 43%,#154936 0,#0b221a 32%,#07120f 68%)}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;min-height:510px;align-items:center;gap:40px;padding-top:64px;padding-bottom:70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--green)}.pulse{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--green)}h1{font-size:clamp(37px,4.2vw,66px);line-height:1.12;letter-spacing:-1.8px;margin:19px 0 20px}h1 span{color:var(--green)}h2{font-size:clamp(25px,2.6vw,34px);letter-spacing:-.7px;line-height:1.25;margin:10px 0 14px}h3{font-size:20px;line-height:1.35;margin:8px 0 12px}.hero p{font-size:17px;max-width:570px;color:#b1cbc0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #476457;border-radius:9px;padding:11px 16px;background:transparent;color:#ebfcf3;font-size:13px;font-weight:750;min-height:43px}.btn.primary{background:var(--green);border-color:var(--green);color:#052317}.btn.primary:hover{background:#9bffd0}.btn.ghost:hover,.btn.subtle:hover{border-color:var(--green)}.btn.full{width:100%}.hero-features{display:flex;gap:24px;flex-wrap:wrap;color:#98b7a9;font-size:12px;margin-top:28px}.hero-visual{position:relative;min-height:410px;display:grid;place-items:center}.orb{height:230px;width:230px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5bffc5 0%,#108d68 24%,#0d413b 49%,transparent 71%);box-shadow:0 0 110px #2cdca147;opacity:.93}.orbit{position:absolute;border:1px solid #52dc9b55;border-radius:50%;width:335px;height:335px;transform:rotate(33deg) scaleY(.6)}.orbit-two{width:425px;height:425px;transform:rotate(-44deg) scaleY(.55)}.science-card{position:absolute;background:#14392ec9;border:1px solid #3ec18b88;border-radius:12px;padding:11px 16px;font-size:11px;font-weight:750;letter-spacing:2px;color:#b7fadd;box-shadow:0 10px 40px #0006}.c1{top:11%;left:5%}.c2{right:0;top:48%}.c3{bottom:8%;left:9%}.topic-section,.library,.join-section,.enquiry-section{padding-top:77px;padding-bottom:24px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:23px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic{min-height:92px;border:1px solid var(--stroke);background:#0f211a;border-radius:13px;padding:18px;display:flex;align-items:center;gap:14px;font-weight:750;font-size:14px}.topic:hover,.content-card:hover{border-color:#3ecb8e;transform:translateY(-2px)}.topic-icon{height:40px;width:40px;display:grid;place-items:center;background:#1c4534;border-radius:10px;color:var(--green);font-size:23px}.topic b{margin-left:auto;color:var(--green);font-size:18px}.result-count{color:var(--muted);font-size:13px}.filterbar{display:grid;grid-template-columns:2fr 1fr 1.25fr auto;gap:11px;margin-bottom:24px}.filterbar input,.filterbar select{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.content-card{background:#10221a;border:1px solid #274236;border-radius:14px;overflow:hidden;transition:.15s ease}.card-art{display:grid;place-items:center;position:relative;height:170px;background:radial-gradient(circle at 43% 42%,#216e58 0,#113b34 32%,#0a1821 77%);overflow:hidden}.card-art:after{content:'';position:absolute;width:260px;height:85px;border:2px solid #53f8ae77;border-radius:50%;transform:rotate(-38deg)}.card-art-video{background:radial-gradient(circle,#215b74,#102e3e 55%,#0a1723)}.card-art-whitepaper{background:radial-gradient(circle,#564a7c,#23263b 60%,#10151e)}.art-molecule{font-size:96px;line-height:1;color:#83ffd3;text-shadow:0 0 30px #59ffc1;opacity:.7}.format-label{position:absolute;right:14px;top:13px;background:#061a16d9;border:1px solid #4cb89388;border-radius:25px;color:#afffe0;font-size:10px;font-weight:750;letter-spacing:1px;padding:5px 9px}.card-copy{padding:22px}.chip{display:inline-block;border-radius:5px;padding:4px 8px;background:#154a35;color:#7ef4b9;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.card-copy h3{font-size:20px;min-height:54px;margin-top:15px}.card-copy h3 a:hover{color:var(--green)}.card-copy p{color:#acc4b9;font-size:13px;min-height:63px}.card-foot{border-top:1px solid #294437;padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#91ac9e}.card-foot a{color:var(--green);font-weight:700}.panel{background:var(--panel);border:1px solid var(--stroke);padding:25px;border-radius:var(--radius)}.empty{text-align:center;padding:45px}.join-section{display:grid;grid-template-columns:1fr .92fr;gap:55px;align-items:center;margin-top:45px;border-top:1px solid var(--stroke)}.join-copy p,.enquiry-section p,.panel p{color:#a9c0b5}.join-bullets{color:#b7e6d0;line-height:2.3;font-size:14px}.signup-card h3{margin-top:0}.enquiry-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;margin-bottom:65px}.enquiry-section h2{font-size:31px}label{display:block;color:#d8ede1;font-size:12px;font-weight:700;margin:13px 0}input:not([type=checkbox]),select,textarea{display:block;width:100%;color:#f2fff7;background:#081711;border:1px solid #3b5b4b;border-radius:9px;padding:11px 12px;margin-top:7px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #46e5a71f}textarea{resize:vertical}fieldset{margin:10px 0;border:0;padding:0}legend{font-size:12px;font-weight:750;margin-bottom:8px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.check{display:flex;align-items:flex-start;gap:9px;font-weight:450;line-height:1.4;color:#bcd5c7;font-size:12px}.check input{accent-color:#2ee7a3;margin:2px 0 0;flex:none}.consent{padding:12px 0}.tiny{font-size:11px;color:#91ab9e}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.honeypot{display:none!important}footer{border-top:1px solid #294034;background:#091610;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer-inner strong{font-size:14px}.footer-inner p,.footer-inner small{font-size:11px;color:#8eac9d}.footer-inner a{font-size:12px;color:#aec6ba;margin-right:16px}.notice{border-radius:10px;padding:14px 18px;margin-top:25px}.success{background:#174733;border:1px solid #3d8c60;color:#c3fcdc}.error{background:#401f28;border:1px solid #8a4355;color:#ffccd4}.article-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr);gap:55px}.backlink{font-size:13px;color:var(--muted)}.article-detail h1{font-size:clamp(33px,3.5vw,52px);margin:19px 0}.meta{display:flex;gap:15px;align-items:center;margin-top:29px;color:var(--muted);font-size:12px}.article-intro{font-size:20px;color:#bddace;line-height:1.55}.author-line{border-bottom:1px solid var(--stroke);padding:10px 0 26px;color:var(--muted);font-size:13px}.article-body{padding:22px 0;color:#d1e5d9;font-size:17px;line-height:1.85}.article-body p{margin:20px 0}.video-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:26px;border-radius:13px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.resource-banner{border:1px solid var(--stroke);background:var(--panel);padding:24px;border-radius:12px}.sharing{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}.sidebar{padding-top:45px}.sidebar .panel{margin-bottom:20px}.side-link{display:flex;justify-content:space-between;border-bottom:1px solid #294033;padding:9px 0;font-size:13px;color:#c9dfd2}.side-link span{color:var(--green)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.admin-stats h2{margin:9px 0 0}.admin-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.admin-post{border-bottom:1px solid #284339;padding:16px 0}.admin-post strong{display:block;font-size:13px}.admin-post small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.row-actions{display:flex;gap:16px;margin-top:8px;align-items:center}.row-actions a,.text-danger{font-size:12px;color:var(--green);background:none;border:0;padding:0}.text-danger{color:#ffa8b8}.row-actions form{margin:0}@media(max-width:940px){.nav{gap:12px}.nav a{font-size:12px}.hero-inner{grid-template-columns:1fr .65fr}.hero-visual{transform:scale(.8);margin-left:-60px}.card-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}.filterbar{grid-template-columns:1fr 1fr}.article-grid{gap:25px}}@media(max-width:680px){.container{padding-left:17px;padding-right:17px}.site-header .nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0a1b13;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--stroke)}.site-header .nav.open{display:flex}.menu-button{display:block;color:var(--green);border:1px solid var(--stroke);padding:6px 12px;border-radius:8px;background:transparent}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:65px;padding-bottom:35px}.hero-visual{min-height:220px;transform:scale(.6);margin:-60px 0 -65px}.hero-features{gap:13px}.topic-grid,.card-grid,.join-section,.enquiry-section,.article-grid,.admin-grid,.admin-stats{grid-template-columns:1fr}.topic-section,.library,.join-section,.enquiry-section{padding-top:45px}.filterbar{grid-template-columns:1fr}.two{grid-template-columns:1fr}.sidebar{padding-top:0}.footer-inner{align-items:flex-start;flex-direction:column}.checkbox-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}.hero h1{font-size:45px}}
/* MVP 1.1 reader and knowledge format definitions */
.card-art-book{background:radial-gradient(circle at 38% 45%,#806a45,#29372b 48%,#101a18 85%)}.format-explain{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:0 0 28px}.format-explain>div{border:1px solid var(--stroke);border-radius:12px;background:#10221a;padding:17px}.format-explain strong{color:var(--green);font-size:13px}.format-explain p{color:var(--muted);font-size:12px;margin:5px 0 0}.desk-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.reader-layout{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:22px;margin-top:25px}.chapter-link{display:flex;gap:8px;padding:12px 7px;border-bottom:1px solid var(--stroke);font-size:13px;color:#b9d6c7}.chapter-link.active,.chapter-link:hover{color:var(--green);background:#143629}.reader-content h2{font-size:32px}.reader-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.reader-content .article-body{overflow-wrap:anywhere}.progress-track{background:#1c4030;border-radius:20px;height:9px;overflow:hidden}.progress-track>div{background:var(--green);height:100%}@media(max-width:980px){.format-explain{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.desk-grid,.reader-layout,.format-explain{grid-template-columns:1fr}}
