*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,serif;background:radial-gradient(circle at top,rgba(76,48,96,.12),transparent 35%),#050505;color:#e0d8c8}a{color:#c9a96a;text-decoration:none}h1,h2,h3{letter-spacing:1px}h1{margin-top:0;margin-bottom:.75rem;font-size:2.6rem}h2{margin-top:2rem}h3{margin-top:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.eyebrow{margin:0 0 .75rem;color:#c9a96a;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;opacity:.9}.intro{margin-bottom:2rem;max-width:720px;color:#e0d8c8d9;line-height:1.7}.prose{max-width:800px;line-height:1.8;font-size:1.05rem}.prose p{margin:0 0 1.2rem}.prose h2,.prose h3{margin-top:2rem;margin-bottom:1rem}.prose ul,.prose ol{margin:0 0 1.2rem 1.5rem}.prose blockquote{margin:1.5rem 0;padding-left:1rem;border-left:2px solid rgba(201,169,106,.6);opacity:.9}.site-nav{position:fixed;top:0;width:100%;z-index:1000;background:#0505057a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,169,106,.08);box-shadow:0 8px 24px #00000029;transition:background .22s ease,box-shadow .22s ease,border-color .22s ease}.site-nav.is-scrolled{background:#050505b8;border-bottom-color:#c9a96a24;box-shadow:0 10px 28px #00000047}.nav-inner{max-width:1400px;margin:0 auto;padding:1rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-left,.nav-right{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.site-nav a{position:relative;color:#c9a96a;text-decoration:none;font-weight:600;letter-spacing:.02em;transition:color .2s ease,opacity .2s ease,text-shadow .2s ease}.site-nav a:after{content:"";position:absolute;left:0;bottom:-.35rem;width:0;height:1px;background:linear-gradient(90deg,#c9a96a00,#c9a96ad9,#c9a96a00);transition:width .22s ease}.site-nav a:hover{color:#e6c98d;text-shadow:0 0 14px rgba(201,169,106,.18)}.site-nav a:hover:after{width:100%}.page-center{padding-top:7rem;padding-bottom:4rem;display:flex;justify-content:center}.home-section{padding-top:4rem;padding-bottom:5rem}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.card{width:100%;max-width:860px;background:linear-gradient(180deg,#ffffff09,#ffffff04);border:1px solid rgba(201,169,106,.16);box-shadow:0 20px 60px #00000059,0 0 40px #c9a96a09;border-radius:18px;padding:2.5rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card-lift:hover,.card:hover{transform:translateY(-2px);border-color:#c9a96a47;box-shadow:0 26px 70px #0000006b,0 0 50px #c9a96a0f}.character-card{margin-bottom:1.5rem;padding:1rem 1.2rem;border:1px solid rgba(201,169,106,.12);border-radius:12px;background:#ffffff05}.char-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{font-weight:600;color:#e8dcc8}.form-group small{color:#e0d8c88c;font-size:.9rem}.form-group input,.form-group textarea{width:100%;background:#080808d1;color:#f0e6d6;border:1px solid rgba(201,169,106,.2);border-radius:12px;padding:1rem;font:inherit;box-shadow:inset 0 0 0 1px #ffffff03;transition:all .22s ease}.form-group input{min-height:56px}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#c9a96aa6;box-shadow:0 0 0 3px #c9a96a1f,0 0 22px #c9a96a0f;background:#0e0e0ef2}.form-message{min-height:1.4rem;margin:.25rem 0 0;color:#c9a96a}.form-message.is-error{color:#ff9b9b}.form-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.25rem;border-radius:12px;font-weight:700;font-size:.98rem;text-decoration:none;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#d6b56f,#c6a45f);color:#111;border:1px solid #d6b56f;box-shadow:0 10px 24px #0003,0 0 18px #c9a96a14}.btn-primary:hover{box-shadow:0 14px 28px #00000047,0 0 24px #c9a96a29}.btn-secondary{background:#ffffff0a;color:#f0e6d6;border:1px solid rgba(201,169,106,.18);backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:#c9a96a52;background:#ffffff0f}.btn-ghost{background:transparent;color:#f0e6d6d1;border:1px solid rgba(255,255,255,.08)}.btn-ghost:hover{border-color:#c9a96a33;color:#f0e6d6}.hero{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(201,169,106,.12),transparent 20%),radial-gradient(circle at 80% 15%,rgba(160,110,255,.08),transparent 18%),linear-gradient(180deg,#00000014,#000000d6),url(/hero.png);background-size:cover;background-position:center;background-attachment:fixed}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(95,64,132,.1),transparent 30%),radial-gradient(circle at 80% 30%,rgba(201,169,106,.08),transparent 26%);mix-blend-mode:screen;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0505051f,#0505056b 60%,#050505e0);pointer-events:none}.hero-overlay{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center}.hero-inner{padding-top:8rem;padding-bottom:6rem}.hero-panel{max-width:760px;padding:2rem 0;transition:transform .18s ease-out;will-change:transform}.hero h1{margin-bottom:1rem;font-size:clamp(3.5rem,8vw,6rem);line-height:.95;text-shadow:0 8px 40px rgba(0,0,0,.7),0 0 32px rgba(201,169,106,.12);animation:glowPulse 6s ease-in-out infinite alternate}.hero-text{max-width:720px;font-size:1.18rem;line-height:1.9;color:#e8decdf2;text-shadow:0 2px 18px rgba(0,0,0,.45);opacity:.96}.hero-actions{margin-top:2rem}.hero-mist{position:absolute;left:-10%;width:120%;border-radius:999px;filter:blur(70px);opacity:.26;pointer-events:none;z-index:1;transition:transform .18s ease-out;will-change:transform}.hero-mist-1{bottom:8%;height:140px;background:radial-gradient(circle,rgba(208,190,165,.28),transparent 70%)}.hero-mist-2{bottom:18%;height:120px;background:radial-gradient(circle,rgba(125,96,161,.24),transparent 70%)}.hero-mist-3{bottom:-2%;height:180px;background:radial-gradient(circle,rgba(201,169,106,.18),transparent 70%)}.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;border-radius:999px;background:#ffd478e6;box-shadow:0 0 8px #ffc47873,0 0 18px #ffaa5a38;animation:emberRise linear infinite}.hero-particles:before,.hero-particles:after{content:"";position:absolute;width:200%;height:200%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,210,120,.4),transparent),radial-gradient(1px 1px at 70% 60%,rgba(255,220,160,.3),transparent),radial-gradient(2px 2px at 40% 80%,rgba(255,180,100,.25),transparent),radial-gradient(1px 1px at 90% 20%,rgba(255,200,120,.2),transparent);animation:particleDrift 60s linear infinite;opacity:.25}.hero-particles:after{animation-duration:90s;opacity:.18}.site-footer{border-top:1px solid rgba(201,169,106,.12);background:#000000e0;margin-top:4rem}.footer-inner{max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-left{color:#e0d8c8a6}.footer-right{display:flex;gap:1rem;flex-wrap:wrap}.site-footer a{color:#c9a96a;text-decoration:none}.site-footer a:hover{opacity:.8}@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}to{transform:translateY(-180px) translate(22px) scale(.7);opacity:0}}@keyframes particleDrift{0%{transform:translateY(0)}to{transform:translateY(-20%)}}@keyframes glowPulse{0%{text-shadow:0 8px 40px rgba(0,0,0,.7),0 0 20px rgba(201,169,106,.08)}to{text-shadow:0 8px 40px rgba(0,0,0,.7),0 0 40px rgba(201,169,106,.18)}}@media(max-width:900px){.home-grid{grid-template-columns:1fr}.nav-inner{flex-direction:column;align-items:flex-start}.hero h1{font-size:3.6rem}}@media(max-width:700px){.hero{background-attachment:scroll}.card{padding:1.5rem;border-radius:14px}h1{font-size:2rem}.hero h1{font-size:2.8rem}.hero-text{font-size:1rem}.form-actions{flex-direction:column}}.hero-title{position:relative;display:inline-block;margin-bottom:1rem;font-size:clamp(3.8rem,8vw,6.4rem);line-height:.95;letter-spacing:.03em;font-weight:700;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.95) 0 1px,transparent 2px),radial-gradient(circle at 72% 38%,rgba(255,255,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 42% 74%,rgba(255,255,255,.65) 0 1px,transparent 2px),radial-gradient(circle at 86% 18%,rgba(255,255,255,.55) 0 1px,transparent 2px),linear-gradient(180deg,#18244f,#0c1432 42%,#060a18);background-size:180px 180px,220px 220px,260px 260px,320px 320px,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.1px rgba(214,181,111,.82);text-shadow:0 0 8px rgba(214,181,111,.12),0 0 18px rgba(214,181,111,.14),0 0 30px rgba(83,62,128,.18),0 10px 36px rgba(0,0,0,.75);animation:titleGlow 5.5s ease-in-out infinite alternate,starDrift 70s linear infinite}.hero-title:before{content:"Nachtbruch";position:absolute;inset:0;z-index:-1;color:transparent;-webkit-text-stroke:2px rgba(214,181,111,.18);filter:blur(6px);opacity:.9}.hero-title:after{content:"";position:absolute;left:8%;right:8%;bottom:.08em;height:.18em;background:radial-gradient(ellipse at center,rgba(214,181,111,.22) 0%,rgba(214,181,111,.08) 45%,transparent 75%);filter:blur(10px);pointer-events:none;z-index:-1}@keyframes titleGlow{0%{text-shadow:0 0 8px rgba(214,181,111,.08),0 0 16px rgba(214,181,111,.1),0 0 24px rgba(83,62,128,.14),0 10px 36px rgba(0,0,0,.78)}to{text-shadow:0 0 10px rgba(214,181,111,.14),0 0 22px rgba(214,181,111,.18),0 0 42px rgba(83,62,128,.22),0 10px 36px rgba(0,0,0,.78)}}@keyframes starDrift{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:220px 160px,-180px 120px,160px -180px,-120px 220px,0 0}}