@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #c9a84c;--gold-light: #e8c97a;--red: #8b1a1a;--red-light: #b52a2a;--bg-dark: #0d0a06;--bg-mid: #1a1208;--bg-card: #120e07;--bg-alt: #0f0c07;--border: #3a2a10;--text: #d4c4a0;--text-dim: #8a7a60;--gold-glow: rgba(201,168,76,.12)}html{scroll-behavior:smooth}html,body{background:var(--bg-dark);color:var(--text);font-family:Crimson Text,Georgia,serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(201,168,76,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(139,26,26,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;transition:background .3s,border-color .3s}.nav.scrolled{background:#0d0a06f0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-family:Cinzel,serif;font-weight:700;font-size:1rem;letter-spacing:.1em;color:var(--gold)}.nav-d20{width:28px;height:28px}.nav-links{display:flex;list-style:none;gap:2rem;margin-left:auto}.nav-links a{text-decoration:none;color:var(--text-dim);font-size:.95rem;letter-spacing:.04em;transition:color .2s}.nav-links a:hover{color:var(--gold-light)}.btn{display:inline-block;font-family:Cinzel,serif;font-weight:700;letter-spacing:.06em;text-decoration:none;cursor:pointer;border:none;border-radius:3px;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}.btn-primary{background:linear-gradient(160deg,var(--gold-light) 0%,var(--gold) 60%,#a07820 100%);color:#1a0f00;padding:.8rem 2.2rem;font-size:.95rem;box-shadow:0 2px 18px #c9a84c47}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 28px #c9a84c73}.btn-secondary{background:transparent;color:var(--gold);padding:.8rem 2.2rem;font-size:.95rem;border:1px solid rgba(201,168,76,.45)}.btn-secondary:hover{border-color:var(--gold);background:#c9a84c12;transform:translateY(-2px)}.btn-sm{padding:.45rem 1.25rem;font-size:.82rem}.hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:7rem 1.5rem 4rem;text-align:center}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:740px}.crest{width:88px;height:88px}.crest svg{width:100%;height:100%;filter:drop-shadow(0 0 18px rgba(201,168,76,.5))}h1{font-family:Cinzel,serif;font-weight:900;font-size:clamp(2.2rem,6vw,4rem);letter-spacing:.04em;line-height:1.1;background:linear-gradient(160deg,var(--gold-light) 0%,var(--gold) 50%,#a07820 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(201,168,76,.3))}.hero-tagline{font-size:1.2rem;font-style:italic;color:var(--text-dim);letter-spacing:.06em}.hero-desc{font-size:1.15rem;color:var(--text);line-height:1.7;max-width:600px;opacity:.85}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}.divider{display:flex;align-items:center;gap:.75rem;width:100%;max-width:500px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}.divider-gem{width:8px;height:8px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 8px var(--gold)}.section{position:relative;z-index:1;padding:5.5rem 1.5rem}.section.alt{background:var(--bg-alt)}.section-inner{max-width:1100px;margin:0 auto;text-align:center}.section-title{font-family:Cinzel,serif;font-weight:700;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:.05em;color:var(--gold-light);margin-bottom:1rem}.section-lead{font-size:1.12rem;line-height:1.7;color:var(--text);max-width:700px;margin:0 auto 3rem;opacity:.88}.section-sub{font-size:1.05rem;color:var(--text-dim);font-style:italic;margin-bottom:3rem}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:2.5rem 2rem;max-width:900px;margin:0 auto}.pillar{display:flex;flex-direction:column;align-items:center;gap:.65rem}.pillar-icon{width:56px;height:56px;border-radius:50%;border:1px solid rgba(201,168,76,.3);background:#c9a84c0d;display:flex;align-items:center;justify-content:center;color:var(--gold)}.pillar-icon svg{width:26px;height:26px}.pillar-label{font-family:Cinzel,serif;font-size:.95rem;font-weight:700;color:var(--gold-light);letter-spacing:.05em}.pillar-sub{font-size:.85rem;color:var(--text-dim);font-style:italic}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;text-align:left}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:2rem 1.75rem;position:relative;overflow:hidden;transition:border-color .25s,transform .2s}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,var(--gold-glow) 0%,transparent 55%);opacity:0;transition:opacity .25s}.feature-card:after{content:"";position:absolute;top:8px;left:8px;width:12px;height:12px;border-top:1px solid var(--border);border-left:1px solid var(--border);transition:border-color .25s}.feature-card:hover{border-color:#c9a84c80;transform:translateY(-3px)}.feature-card:hover:before{opacity:1}.feature-card:hover:after{border-color:var(--gold)}.feature-icon{width:50px;height:50px;border-radius:50%;border:1px solid rgba(201,168,76,.28);background:#c9a84c0d;display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:1.25rem;position:relative;z-index:1}.feature-icon svg{width:24px;height:24px}.feature-title{font-family:Cinzel,serif;font-size:1rem;font-weight:700;letter-spacing:.05em;color:var(--gold-light);margin-bottom:.75rem;position:relative;z-index:1}.feature-desc{font-size:.98rem;color:var(--text-dim);line-height:1.65;position:relative;z-index:1}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 3.5rem;text-align:left;max-width:1000px;margin:0 auto}.phase{position:relative}.phase:not(:last-child):after{content:"";position:absolute;right:-1.75rem;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--border),transparent)}.phase-title{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:var(--gold-light);letter-spacing:.06em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(201,168,76,.2)}.phase-intro{font-size:.97rem;line-height:1.7;color:var(--text);margin-bottom:1.25rem;opacity:.88}.phase-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.phase-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--text-dim);line-height:1.6}.phase-list li:before{content:"";flex-shrink:0;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);margin-top:.55em;box-shadow:0 0 5px #c9a84c59}.diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2.25rem 3.5rem;text-align:left;max-width:920px;margin:0 auto}.diff-item{display:flex;gap:1rem;align-items:flex-start}.diff-marker{flex-shrink:0;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);margin-top:.5rem;box-shadow:0 0 7px #c9a84c73}.diff-content h4{font-family:Cinzel,serif;font-size:.95rem;font-weight:700;color:var(--gold-light);letter-spacing:.04em;margin-bottom:.4rem}.diff-content p{font-size:.97rem;color:var(--text-dim);line-height:1.65}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:680px;margin:0 auto}.card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;cursor:pointer;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:border-color .25s,transform .2s}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(201,168,76,.04) 0%,transparent 60%);opacity:0;transition:opacity .25s}.card:after{content:"";position:absolute;top:8px;left:8px;width:12px;height:12px;border-top:1px solid var(--border);border-left:1px solid var(--border);transition:border-color .25s}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card:hover:before{opacity:1}.card:hover:after{border-color:var(--accent)}.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.card-dm{--accent: var(--gold);--accent-glow: rgba(201,168,76,.35)}.card-player{--accent: var(--red-light);--accent-glow: rgba(181,42,42,.4)}.card:hover .card-icon{box-shadow:0 0 24px var(--accent-glow);border-color:var(--accent)}.card-icon{width:72px;height:72px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;background:var(--bg-mid);transition:box-shadow .25s,border-color .25s}.card-icon svg{width:36px;height:36px}.card-dm .card-icon svg{fill:var(--gold)}.card-player .card-icon svg{fill:var(--red-light)}.card-title{font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;letter-spacing:.06em;color:var(--gold-light)}.card-player .card-title{color:#d96060}.card-desc{font-size:1rem;color:var(--text-dim);text-align:center;line-height:1.5}.card-badge{margin-top:.25rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-family:Cinzel,serif;padding:.2rem .75rem;border-radius:2px;border:1px solid}.card-dm .card-badge{color:var(--gold);border-color:#c9a84c4d}.card-player .card-badge{color:var(--red-light);border-color:#b52a2a66}footer{position:relative;z-index:1;padding:3rem 1.5rem 2.5rem;text-align:center}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-quote{font-size:.85rem;color:var(--text-dim);letter-spacing:.04em;opacity:.6;font-style:italic}@media(max-width:700px){.nav-links{display:none}.hero{padding:5.5rem 1.25rem 3rem}.section{padding:3.5rem 1.25rem}.feature-grid,.diff-grid,.phase-grid{grid-template-columns:1fr}.phase:not(:last-child):after{display:none}.pillars{grid-template-columns:repeat(2,1fr)}.hero-ctas{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;text-align:center}.btn-sm{width:auto}}