@tailwind base;@tailwind components;@tailwind utilities;:root{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-forest-900: #1a3a1a;--color-forest-800: #1e4620;--color-forest-700: #228B22;--color-forest-600: #2E8B57;--color-forest-500: #3CB371;--color-forest-400: #66CDAA;--color-earth-900: #2c1810;--color-earth-800: #3d2317;--color-earth-700: #5c3a2e;--color-earth-600: #8B4513;--color-earth-500: #A0522D;--color-moss: #4a5d23;--color-leaf: #6B8E23;--color-sage: #9CAF88;--color-cream: #FAF8F5;--color-sand: #E8E4DF;--color-stone: #8B8680;--color-blue-700: #1E40AF;--color-blue-600: #2563EB}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:linear-gradient(180deg,var(--color-cream) 0%,#f0ebe5 100%);color:var(--color-forest-900);min-height:100vh;display:flex;flex-direction:column;line-height:1.6}header{background:linear-gradient(135deg,var(--color-forest-800) 0%,var(--color-forest-700) 100%);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 4px 20px #1a3a1a4d;position:sticky;top:0;z-index:100}header nav{display:contents}header a{color:var(--color-cream);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}header a:hover{background:#ffffff26;color:var(--color-forest-400);transform:translateY(-2px)}header a:first-child{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}footer{background:linear-gradient(135deg,var(--color-forest-900) 0%,var(--color-earth-900) 100%);color:var(--color-sage);text-align:center;padding:1.5rem 2rem;margin-top:auto}footer p{margin:0;font-size:.875rem}h1{font-size:2.5rem;font-weight:800;color:var(--color-forest-800);margin-bottom:1.5rem;letter-spacing:-1px;position:relative;display:inline-block}h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--color-forest-600),var(--color-leaf));border-radius:2px}h2{font-size:1.5rem;font-weight:700;color:var(--color-forest-700);margin-bottom:1rem}h3{font-size:1.125rem;font-weight:600;color:var(--color-forest-800)}p{color:var(--color-earth-800);margin-bottom:.75rem}button,.btn,[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-forest-700) 0%,var(--color-forest-600) 100%);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #228b224d}button:hover,.btn:hover,[type=submit]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #228b2266;background:linear-gradient(135deg,var(--color-forest-600) 0%,var(--color-forest-500) 100%)}button:active,.btn:active,[type=submit]:active{transform:translateY(0)}.edit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-blue-700) 0%,var(--color-blue-600) 100%);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #228b224d}.btn-primary{background:linear-gradient(135deg,var(--color-forest-700) 0%,var(--color-forest-600) 100%)}.btn-secondary{background:linear-gradient(135deg,var(--color-earth-600) 0%,var(--color-earth-500) 100%)}@media(max-width:768px){header{padding:1rem}header a{padding:.5rem .75rem;font-size:.875rem}main{padding:1rem}h1{font-size:1.75rem}form{padding:1.5rem}}