:root{--bg: #0f1e1f;--bg-elevated: #162a2b;--text: #ffffff;--text-muted: #b9c6c4;--primary: #7b3fe4;--primary-hover: #8f57f0;--primary-soft: #b79cf5;--radius-pill: 999px;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--container: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary-soft);outline-offset:3px}.container{width:min(var(--container),100% - 2.5rem);margin-inline:auto}.empty{color:var(--text-muted);padding:4rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:var(--radius-pill);border:2px solid transparent;background:var(--primary);color:#fff;font:600 1rem var(--font-body);cursor:pointer;transition:background .2s,transform .2s}.btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn:disabled{background:#3a4a4a;color:#8a9a98;cursor:not-allowed;transform:none}.btn-sm{padding:.5rem 1.1rem;font-size:.9rem}.btn-ghost{background:transparent;border-color:var(--primary-soft)}.btn-danger{background:#b3261e}.header{position:sticky;top:0;z-index:20;background:#0f1e1fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header .container{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{font:600 1.6rem var(--font-display);letter-spacing:.02em}.logo small{display:block;font:500 .55rem var(--font-body);letter-spacing:.3em;color:var(--primary-soft)}.nav{display:flex;align-items:center;gap:1.75rem;font-weight:500}.nav a.link{padding-bottom:2px;border-bottom:2px solid transparent}.nav a.link:hover{border-color:currentColor}.nav a.link.active{color:var(--primary-soft)}.hero{overflow:hidden;padding:4rem 0 5rem}.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.hero h1{font:600 clamp(2.6rem,6vw,5rem)/1.05 var(--font-display);margin:0 0 1.5rem}.hero h1 em{color:var(--primary-soft);font-style:italic;font-weight:500}.hero p{color:var(--text-muted);max-width:34rem;font-size:1.1rem;margin:0 0 2rem}.hero-art{position:relative;justify-self:end;width:min(440px,100%);aspect-ratio:4 / 5}.hero-art:before{content:"";position:absolute;inset:-6% -10% auto auto;width:90%;height:95%;background:var(--primary);border-radius:999px 999px 0 0}.hero-photo{position:absolute;top:8%;right:0;bottom:0;left:8%;border-radius:999px 999px 24px 24px;overflow:hidden;background:linear-gradient(160deg,#2a4a4c,#162a2b)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-badge{position:absolute;left:-4%;bottom:6%;background:#fff;color:#111;padding:.9rem 1.2rem;border-radius:16px;box-shadow:0 10px 30px #00000059}.hero-badge strong{display:block;font-size:1rem}.hero-badge span{font-size:.8rem;color:#555}.section{padding:4rem 0}.section h2{font:600 clamp(1.8rem,3.5vw,2.6rem)/1.15 var(--font-display);margin:0 0 .5rem}.section .lead{color:var(--text-muted);margin:0 0 2.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:var(--bg-elevated);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.card-img{aspect-ratio:16 / 9;background:linear-gradient(135deg,#2a4a4c,#1d3435)}.card-img img{width:100%;height:100%;object-fit:cover}.card-body{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.card-body h3{font:600 1.3rem/1.25 var(--font-display);margin:0}.card-body p{color:var(--text-muted);margin:0;font-size:.95rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.75rem;padding:.2rem .65rem;border-radius:var(--radius-pill);background:#b79cf526;color:var(--primary-soft)}.card-actions{margin-top:auto;padding-top:.8rem;display:flex;gap:.6rem;flex-wrap:wrap}.detail{padding:3rem 0 5rem;max-width:800px}.detail h1{font:600 clamp(2rem,5vw,3.4rem)/1.1 var(--font-display);margin:1rem 0}.detail .body{white-space:pre-line;color:var(--text-muted);font-size:1.05rem;margin:1.5rem 0 2rem}.footer{border-top:1px solid rgba(255,255,255,.08);padding:2rem 0;color:var(--text-muted);font-size:.9rem}.admin{padding:2rem 0 4rem}.admin-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.panel{background:var(--bg-elevated);border-radius:16px;padding:1.5rem}.login{max-width:380px;margin:6rem auto}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.field label{font-size:.85rem;color:var(--text-muted)}.field input,.field select,.field textarea{background:var(--bg);color:var(--text);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:.65rem .8rem;font:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.form-grid .full{grid-column:1 / -1}.checks{display:flex;gap:1.5rem;margin-bottom:1rem}.checks label{display:flex;gap:.4rem;align-items:center}.error{color:#ff8a80;margin:.5rem 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid rgba(255,255,255,.08)}th{color:var(--text-muted);font-weight:500;font-size:.85rem}@media (max-width: 860px){.hero .container{grid-template-columns:1fr}.hero-art{justify-self:center;margin-top:2rem}.form-grid{grid-template-columns:1fr}.nav{gap:1rem;font-size:.9rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}