@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap');

:root{--ink:#172338;--muted:#667085;--paper:#f5f1e8;--card:#fffdfa;--line:#ded8cd;--accent:#d9663d;--accent-dark:#b84f2b;--blue:#315b7d;--green:#2f765d;--danger:#a83f36;--shadow:0 18px 55px rgba(23,35,56,.10);font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0%,rgba(217,102,61,.12),transparent 26rem),var(--paper)}a{color:inherit}button,input,textarea,select{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:14px max(22px,calc((100vw - 1180px)/2));background:rgba(245,241,232,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,35,56,.08)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--ink);color:white;font-family:'Playfair Display',serif;font-size:26px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav a,.install-button{border:0;background:transparent;padding:10px 13px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:700;cursor:pointer}.nav a:hover,.nav a.active,.install-button:hover{background:white;color:var(--ink)}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:50px 0 80px}.page-shell.narrow{width:min(720px,calc(100% - 32px))}.site-footer{text-align:center;padding:30px;color:var(--muted);border-top:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.03em}h2{font-size:clamp(1.4rem,3vw,2rem)}p{line-height:1.65}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:720px}.eyebrow{display:inline-block;margin-bottom:10px;color:var(--accent-dark);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center;min-height:64vh}.hero-copy h1{max-width:800px}.button-row,.card-actions,.reader-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;padding:13px 18px;text-decoration:none;font-weight:800;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:white}.button.primary:hover{background:var(--accent-dark)}.button.secondary{background:white;border-color:var(--line);color:var(--ink)}.button.small{padding:9px 12px;border-radius:11px;font-size:.86rem}.feature-stack{display:grid;gap:12px}.feature-card,.card,.content-card,.stat-card{background:rgba(255,253,250,.94);border:1px solid rgba(23,35,56,.09);border-radius:24px;box-shadow:var(--shadow)}.feature-card{padding:22px;transform:rotate(-1deg)}.feature-card:nth-child(2){transform:translateX(20px) rotate(1deg)}.feature-card span{color:var(--accent);font-weight:900;font-size:.75rem;letter-spacing:.12em}.feature-card h2{margin:6px 0}.feature-card p{margin:0;color:var(--muted)}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px}.narrow-card{width:min(620px,100%);margin:30px auto}.form-grid{display:grid;gap:16px}.form-grid label,.reader-controls label,.inline-form label{display:grid;gap:7px;font-weight:700}.form-grid input,.form-grid textarea,.form-grid select,.reader-controls select,.inline-form input{width:100%;border:1px solid var(--line);border-radius:13px;background:white;padding:12px 14px;color:var(--ink)}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{outline:3px solid rgba(217,102,61,.18);border-color:var(--accent)}.form-grid hr{width:100%;border:0;border-top:1px solid var(--line)}.notice{margin:0 0 18px;padding:14px 16px;border-radius:14px;font-weight:700}.notice.success{background:#e4f2eb;color:#245c49}.notice.error{background:#f8e5e2;color:#8b342d}.muted{color:var(--muted);font-size:.92rem}.portal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.portal-heading h1{font-size:clamp(2rem,4vw,3.8rem);margin-bottom:0}.stat-pill{display:flex;align-items:center;gap:10px;border-radius:999px;background:var(--ink);color:white;padding:12px 18px;white-space:nowrap}.stat-pill strong{font-size:1.4rem}.stat-pill span{font-size:.8rem;color:#ced5df}.uploader{margin-bottom:18px}.uploader summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer}.uploader summary span{color:var(--muted);font-size:.85rem}.uploader[open] summary{margin-bottom:25px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pdf-status{padding:12px;border-radius:12px;background:#f0ede6;color:var(--muted);font-size:.9rem}.pdf-status.ready{background:#e4f2eb;color:#245c49}.pdf-status.error{background:#f8e5e2;color:#8b342d}.library-section{margin-top:42px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:var(--ink);color:white}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-card{display:grid;grid-template-columns:66px 1fr;gap:16px;padding:18px}.content-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:#f2dfd4;color:var(--accent-dark);font-family:'Playfair Display',serif;font-weight:800;font-size:1.3rem}.video-icon{background:#dce7ef;color:var(--blue)}.content-body h3{font-size:1.18rem;margin:8px 0}.content-body p{color:var(--muted);font-size:.92rem;margin-bottom:8px}.content-body small{color:var(--muted)}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.badge.private{background:#eeeae2;color:#625c52}.badge.published{background:#dff0e8;color:#245f49}.badge.neutral{background:#e1e9f0;color:#315b7d}.card-actions{margin-top:15px}.card-actions form{margin:0}.text-button{border:0;background:transparent;padding:8px;color:var(--blue);font-weight:800;cursor:pointer}.text-button.danger{color:var(--danger)}.empty-state{padding:26px;border:1px dashed #bbb2a5;border-radius:20px;color:var(--muted);text-align:center}.reader-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.reader-controls{position:sticky;top:92px}.reader-controls h1{font-size:2rem;line-height:1.05}.reader-controls input[type=range]{width:100%}.reader-buttons{margin-top:8px}.reader-buttons .button{flex:1}.reader-text{font-family:Georgia,serif;font-size:1.2rem;line-height:1.85;min-height:70vh}.reader-paragraph{padding:8px 12px;border-radius:12px;transition:.2s}.reader-paragraph.active{background:#f2dfd4;box-shadow:inset 4px 0 var(--accent)}.progress-line{margin-top:16px;color:var(--muted);font-size:.85rem}.progress-line>div{height:8px;margin-top:6px;background:#e7e1d7;border-radius:99px;overflow:hidden}.progress-line i{display:block;width:0;height:100%;background:var(--accent)}.back-link{display:inline-block;margin-bottom:24px;color:var(--blue);font-weight:800;text-decoration:none}.video-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.video-heading h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:10px}.video-frame{overflow:hidden;border-radius:24px;background:#050505;box-shadow:var(--shadow)}.video-frame video{display:block;width:100%;max-height:74vh}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:22px}.stat-card strong,.stat-card span{display:block}.stat-card strong{font-size:2rem}.stat-card span{color:var(--muted)}.admin-section{margin-bottom:18px}.inline-form{display:grid;grid-template-columns:100px 140px 1fr 220px auto;gap:12px;align-items:end}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.copy-code,.created-codes button{border:1px solid var(--line);border-radius:10px;background:white;padding:8px 10px;font-family:ui-monospace,monospace;font-weight:900;letter-spacing:.08em;cursor:pointer}.created-codes{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding:14px;border-radius:15px;background:#eef4f0}
@media(max-width:900px){.hero-grid,.reader-layout{grid-template-columns:1fr}.reader-controls{position:static}.upload-grid,.content-grid{grid-template-columns:1fr}.three-column{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.inline-form{grid-template-columns:1fr 1fr}.inline-form .button{grid-column:1/-1}.feature-card:nth-child(2){transform:none}.feature-card{transform:none}}
@media(max-width:640px){.site-header{position:relative;align-items:flex-start;flex-direction:column;padding:14px 18px}.nav{width:100%;overflow:auto;flex-wrap:nowrap}.nav a,.install-button{white-space:nowrap}.page-shell{padding-top:28px}.portal-heading,.video-heading{align-items:flex-start;flex-direction:column}.stat-pill{align-self:flex-start}.content-card{grid-template-columns:48px 1fr}.content-icon{width:46px;height:46px;border-radius:14px}.stats-grid{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.inline-form .button{grid-column:auto}.uploader summary{flex-direction:column}.reader-text{padding:18px;font-size:1.08rem}}