:root{--color-bg: #f8f1e7;--color-bg-soft: #fffaf3;--color-bg-dark: #2b1d17;--color-primary: #7b3f26;--color-primary-dark: #4b2417;--color-accent: #d8b56d;--color-accent-light: #f2d790;--color-text: #241914;--color-muted: #6f5a4c;--color-border: #dec9a7;--color-card: #fffdf8;--shadow-soft: 0 12px 35px rgba(43, 29, 23, .12);--shadow-small: 0 5px 15px rgba(43, 29, 23, .12);--radius-large: 24px;--radius-medium: 16px;--radius-small: 10px;--max-width: 1180px;--font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(216,181,109,.28),transparent 36rem),radial-gradient(circle at bottom right,rgba(123,63,38,.16),transparent 32rem),var(--color-bg);color:var(--color-text);font-family:var(--font-main);line-height:1.65}a{color:inherit}button,input,select{font:inherit}::selection{background:var(--color-accent);color:var(--color-bg-dark)}.site-layout{min-height:100vh;display:flex;flex-direction:column}.site-main{width:min(100% - 2rem,var(--max-width));margin:0 auto;padding:2rem 0 4rem;flex:1}.navbar{position:sticky;top:0;z-index:20;background:#2b1d17f0;color:#fffaf3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,181,109,.35)}.navbar-inner{width:min(100% - 2rem,var(--max-width));margin:0 auto;display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.85rem 0}.logo{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:800;letter-spacing:.02em}.logo-mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;color:var(--color-bg-dark);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));font-family:var(--font-serif);font-weight:900}.nav-links{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.nav-link{text-decoration:none;font-size:.92rem;padding:.45rem .65rem;border-radius:999px;color:#fff2d8;transition:background .2s ease,color .2s ease}.nav-link:hover,.nav-link.is-active{background:var(--color-accent);color:var(--color-bg-dark)}.footer{background:var(--color-bg-dark);color:#f9ead0;padding:2rem 1rem;border-top:3px solid var(--color-accent)}.footer-inner{width:min(100%,var(--max-width));margin:0 auto;display:grid;gap:.8rem}@media (max-width: 820px){.navbar-inner{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#2b1d17eb,#7b3f26e0),linear-gradient(45deg,transparent,rgba(216,181,109,.25));color:#fff7e8;border-radius:var(--radius-large);box-shadow:var(--shadow-soft);padding:clamp(2rem,5vw,5rem);margin-bottom:2rem}.hero:after{content:"Vanitas";position:absolute;right:-1rem;bottom:-2.5rem;font-family:var(--font-serif);font-size:clamp(4rem,16vw,12rem);color:#d8b56d24;pointer-events:none}.hero-kicker{color:var(--color-accent-light);text-transform:uppercase;font-weight:800;letter-spacing:.14em;font-size:.85rem}.hero h1{font-family:var(--font-serif);font-size:clamp(2.8rem,8vw,6.2rem);line-height:.95;margin:.35rem 0 1rem}.hero p{max-width:760px;font-size:clamp(1rem,2vw,1.2rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.7rem 1rem;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-weight:700}.button-primary{background:var(--color-accent);color:var(--color-bg-dark)}.button-secondary{color:#fffaf3;border-color:#fffaf38c}.section{margin:2.5rem 0}.section-header{margin-bottom:1.25rem}.section-kicker{color:var(--color-primary);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:800}.section-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.1rem);margin:.1rem 0 .5rem;line-height:1.1}.section-description{color:var(--color-muted);max-width:800px}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-small);padding:1.25rem}.card h3{margin-top:0;font-family:var(--font-serif);font-size:1.45rem}.card-tag{display:inline-flex;width:fit-content;background:#d8b56d47;color:var(--color-primary-dark);border:1px solid rgba(123,63,38,.18);padding:.25rem .55rem;border-radius:999px;font-size:.8rem;font-weight:700}.timeline{display:grid;gap:1rem;position:relative}.timeline-item{display:grid;grid-template-columns:8rem 1fr;gap:1rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-medium);padding:1rem;box-shadow:var(--shadow-small)}.timeline-year{font-family:var(--font-serif);font-size:1.5rem;font-weight:900;color:var(--color-primary)}.term{border-left:5px solid var(--color-accent)}.term-title{font-weight:900;color:var(--color-primary-dark)}.quiz-box{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:1.5rem;box-shadow:var(--shadow-soft)}.quiz-options{display:grid;gap:.65rem;margin-top:1rem}.quiz-option{text-align:left;padding:.8rem;background:#fff8ea;border:1px solid var(--color-border);border-radius:var(--radius-small);cursor:pointer}.quiz-option:hover{background:#d8b56d40}.quiz-option.correct{border-color:#2d8f52;background:#e7f8ec}.quiz-option.wrong{border-color:#b23b3b;background:#fde8e8}.scroll-top{position:fixed;right:1rem;bottom:1rem;width:3rem;height:3rem;border:none;border-radius:50%;background:var(--color-primary);color:#fffaf3;box-shadow:var(--shadow-soft);cursor:pointer}@media (max-width: 920px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-item{grid-template-columns:1fr}}@media (max-width: 620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.info-list{display:grid;gap:.75rem;padding-left:1.25rem}.info-list li::marker{color:var(--color-primary)}.quote{margin:1.5rem 0;padding:1.5rem;border-left:6px solid var(--color-accent);background:#fffdf8cc;border-radius:var(--radius-medium);font-family:var(--font-serif);font-size:1.25rem}.comparison-table{width:100%;border-collapse:collapse;overflow:hidden;background:var(--color-card);border-radius:var(--radius-medium);box-shadow:var(--shadow-small)}.comparison-table th,.comparison-table td{padding:.9rem;border:1px solid var(--color-border);text-align:left;vertical-align:top}.comparison-table th{background:var(--color-primary);color:#fffaf3}.note-box{background:#d8b56d40;border:1px solid rgba(123,63,38,.22);padding:1rem;border-radius:var(--radius-medium)}.warning-box{background:#7b3f2614;border:1px solid rgba(123,63,38,.3);padding:1rem;border-radius:var(--radius-medium)}@media print{body{background:#fff;color:#000}.navbar,.footer,.scroll-top,.hero-actions{display:none}.site-main{width:100%;padding:0}.hero,.card,.quiz-box{box-shadow:none;border:1px solid #888}a{text-decoration:none}}