:root{--primary:#5c8d89;--primary-hover:#4a7572;--secondary:#e6b9a6;--secondary-hover:#d1a592;--bg-color:#fdfbf7;--bg-light:#f4efe9;--text-main:#333333;--text-muted:#666666;--white:#ffffff;--border-color:#e2dcd2;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--container-width:1200px;--border-radius:12px;--transition:all 0.3s ease}body.calm-mode{--primary:#7a9c99;--primary-hover:#7a9c99;--secondary:#dfc7be;--secondary-hover:#dfc7be;--bg-color:#f5f2ee;--bg-light:#eeeadd;--text-main:#4a4a4a;--text-muted:#737373;--border-color:#d1cdc4;--transition:none!important}*{margin:0;padding:0;box-sizing:border-box}body,html{touch-action:manipulation}body{font-family:var(--font-body);background-color:var(--bg-color);line-height:1.6;transition:var(--transition)}body,h1,h2,h3,h4{color:var(--text-main)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2;margin-bottom:1rem}a{text-decoration:none;color:var(--primary);transition:var(--transition)}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.section{padding:80px 0}.bg-light{background-color:var(--bg-light)}.btn{display:inline-block;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;border:none;transition:var(--transition);font-family:var(--font-body);text-align:center}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:var(--text-main)}.btn-secondary:hover{background-color:var(--secondary-hover)}input,select,textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-family:var(--font-body);margin-bottom:15px;font-size:16px!important;touch-action:manipulation;-webkit-text-size-adjust:100%}input:focus,textarea:focus{outline:2px solid var(--primary)}.responsive-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width:768px){.responsive-grid{grid-template-columns:1fr}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.4rem!important}body{font-size:.95rem!important}.section{padding:40px 0!important}.container{padding:0 15px!important}nav a div{font-size:1.8rem!important}section>.container{flex-direction:column!important;gap:20px!important}}