.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:hsla(36,71%,99%,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:var(--text-dark);padding:24px 0;box-shadow:0 2px 8px rgba(45,42,37,.06);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-light)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;color:var(--primary-color);transition:all .3s ease}.logo:hover{opacity:.8}.logo h1{font-size:26px;font-weight:600;letter-spacing:.01em;color:var(--primary-dark);margin:0}.nav{display:flex;gap:30px}.nav-link{color:var(--text-medium);text-decoration:none;font-weight:500;padding:10px 20px;border-radius:10px;transition:all .3s ease;position:relative;font-size:16px;letter-spacing:.01em}.nav-link:hover{color:var(--primary-dark);background:var(--background-warm)}.nav-link.active{color:var(--primary-dark);background:var(--primary-ultra-light);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--primary-color);border-radius:2px 2px 0 0}.main-content{flex:1 1;padding:60px 0;background:var(--background-light);background-image:radial-gradient(circle at 10% 20%,rgba(74,124,111,.03) 0,transparent 50%),radial-gradient(circle at 90% 80%,hsla(18,30%,60%,.02) 0,transparent 50%)}.footer{background:var(--background-cream);color:var(--text-muted);padding:48px 0;text-align:center;margin-top:auto;border-top:1px solid var(--border-light);font-size:15px;font-weight:400;letter-spacing:.01em}@media (max-width:768px){.header{padding:20px 0}.header .container{flex-direction:column;gap:20px}.logo h1{font-size:22px}.nav{flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.nav-link{font-size:14px;padding:8px 16px}.main-content{padding:40px 0}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#4a7c6f;--primary-light:#6b9a8a;--primary-dark:#3a6255;--primary-ultra-light:rgba(74,124,111,.12);--primary-warm:#5d8b7a;--secondary-color:#7a9b8f;--accent-color:#b88d7a;--accent-warm:#d4a99a;--background-light:#f7f5f2;--background-white:#fefcf9;--background-subtle:#f0ede8;--background-warm:#faf8f5;--background-cream:#fdfbf8;--text-dark:#2d2a25;--text-medium:#4a4640;--text-light:#6b6660;--text-muted:#8a8580;--border-color:#e0ddd8;--border-light:#edeae5;--border-subtle:#f5f3f0;--border-warm:#d8d4ce;--card-shadow:0 2px 8px rgba(45,42,37,.06),0 4px 16px rgba(45,42,37,.04);--card-shadow-hover:0 4px 12px rgba(45,42,37,.08),0 8px 24px rgba(45,42,37,.06);--card-shadow-elevated:0 8px 24px rgba(45,42,37,.08),0 16px 48px rgba(45,42,37,.06);--gradient-primary:linear-gradient(135deg,#4a7c6f,#6b9a8a 50%,#7a9b8f);--gradient-soft:linear-gradient(180deg,#f7f5f2,#fefcf9);--gradient-warm:linear-gradient(180deg,#faf8f5,#f7f5f2);--gradient-overlay:linear-gradient(180deg,hsla(36,24%,96%,0),hsla(36,24%,96%,.9));--gradient-accent:linear-gradient(135deg,hsla(18,30%,60%,.1),hsla(16,40%,72%,.05))}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--background-light);color:var(--text-dark);line-height:1.8;font-weight:400;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}#root,body{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 32px}@media (max-width:768px){.container{padding:0 24px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:17px;letter-spacing:.02em;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 3px 12px rgba(74,124,111,.25),0 1px 3px rgba(45,42,37,.1);position:relative}.btn:hover{background:var(--primary-light);box-shadow:0 5px 20px rgba(74,124,111,.35),0 2px 6px rgba(45,42,37,.15);transform:translateY(-2px)}.btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(74,124,111,.25)}.btn-secondary{background:var(--background-cream);border:2px solid var(--border-warm);color:var(--text-dark);box-shadow:var(--card-shadow);font-weight:500}.btn-secondary:hover{background:var(--background-warm);border-color:var(--primary-color);color:var(--primary-dark);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.slide-up{animation:slideUp .6s cubic-bezier(.4,0,.2,1)}