:root{--background-c:255,252,222;--text-primary:92,56,36;--text-secondary:104,86,72;--accent-brown:92,56,36;--foreground-rgb:var(--text-primary);--background-start-rgb:var(--background-c);--background-end-rgb:var(--background-c);--primary:92,56,36;--primary-foreground:255,255,255;--secondary:239,235,233;--secondary-foreground:92,56,36;--muted:215,204,200;--muted-foreground:161,136,127;--border:215,204,200;--radius:.5rem;--font-base:"Roboto",sans-serif;--font-heading:"Roboto",sans-serif}@media (prefers-color-scheme:dark){:root{--background-c:62,39,35;--text-primary:255,251,245;--text-secondary:215,204,200;--accent-brown:212,136,6;--foreground-rgb:var(--text-primary);--background-start-rgb:var(--background-c);--background-end-rgb:var(--background-c);--primary:212,136,6;--primary-foreground:255,255,255;--border:93,64,55}}*{box-sizing:border-box;margin:0;padding:0}body{color:rgb(var(--foreground-rgb));background:rgb(var(--background-start-rgb));font-family:var(--font-base);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading,var(--font-base));color:rgb(var(--accent-brown));font-weight:700}h1{font-size:32px}h2{font-size:21px}h3{font-size:16px}p{color:rgb(var(--text-secondary));font-size:14px}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:2rem}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgb(var(--border));border-radius:var(--radius);background:#fff9;box-shadow:0 4px 6px -1px #5c38241a}.dark .glass-panel{background:#301e1a99;border:1px solid #ffffff1a}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid rgb(var(--border));color:rgb(var(--accent-brown));background:0 0;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:rgb(var(--primary));color:rgb(var(--primary-foreground));border-color:rgb(var(--primary))}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.container{padding:1rem}.hide-mobile{display:none}.show-mobile{display:block}}