@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&display=swap";
:root{--primary:#0f172a;--accent:#b45309;--accent-light:#fde68a;--bg:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3{color:var(--primary);font-family:Playfair Display,serif;line-height:1.2}a{color:var(--accent);text-decoration:none;transition:all .2s}a:hover{filter:brightness(1.2)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}header{border-bottom:1px solid var(--border);z-index:100;background:#fff;padding:1.5rem 0;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}main{padding:4rem 0}.card{background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:768px){main{padding:2rem 0}}