:root{--primary-color:#ffcc00;--secondary-color:#ff9900;--background-color:#f3f4f6;--text-color:#333;--text-muted:#555;--white:#fff;--black:#000;--link-color:#5c4033;--link-hover-color:#3e2a20;--shadow-light:rgba(0,0,0,0.1);--shadow-medium:rgba(0,0,0,0.15);--transition-speed:0.3s;--border-radius:12px}#root{width:100%}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);line-height:1.8;overflow-x:hidden;flex-direction:column;min-height:100vh}body,header{display:flex;box-sizing:border-box}header{background-color:var(--primary-color);padding:20px 40px;justify-content:space-between;align-items:center;box-shadow:0 4px 10px var(--shadow-light);width:100%}header h1{margin:0;font-size:2.5em;color:var(--text-color);font-weight:700}nav{display:flex;gap:25px}nav a{text-decoration:none;color:var(--text-color);font-weight:600;padding:10px 15px;border-radius:var(--border-radius);transition:background-color var(--transition-speed),color var(--transition-speed)}nav a:hover{background-color:var(--text-color);color:var(--primary-color)}.hero-section{height:40vh;background:linear-gradient(rgba(92,64,51,.8),rgba(62,42,32,.8)),url(/assets/images/beekeeping.png) no-repeat 50%/cover;display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:20px}.hero-content h2{font-size:2.5em;font-weight:700;margin-bottom:10px;text-shadow:3px 3px 6px rgba(0,0,0,.8)}.hero-content p{font-size:1.5em;color:#f3f4f6;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hero-button{padding:15px 30px;font-size:1.2em;font-weight:700;background-color:var(--primary-color);color:var(--text-color);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:background-color .3s,transform .2s}.hero-button:hover{background-color:var(--secondary-color);color:var(--white);transform:scale(1.1)}.join-box{background-color:var(--white);padding:20px 40px;margin:20px auto;border-radius:var(--border-radius);box-shadow:0 4px 10px var(--shadow-light);text-align:center;max-width:1200px}.join-box p{font-size:1.2em;margin-bottom:15px;color:var(--text-muted)}.join-box .join-button{background-color:var(--secondary-color);color:var(--white);padding:12px 25px;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:background-color var(--transition-speed),color var(--transition-speed),transform .2s}.join-box .join-button:hover{background-color:var(--text-color);color:var(--primary-color);transform:scale(1.05)}main{flex:1;padding:60px 40px;margin:0 auto;width:100%;max-width:1400px;box-sizing:border-box}section{margin-bottom:50px;background:var(--white);padding:40px;border-radius:var(--border-radius);box-shadow:0 6px 15px var(--shadow-light);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}section:hover{transform:translateY(-5px);box-shadow:0 10px 20px var(--shadow-medium)}h2{color:var(--secondary-color);font-size:2em;font-weight:700;border-bottom:3px solid var(--primary-color);display:inline-block;padding-bottom:5px}h2,p{margin-bottom:20px}p{font-size:1.2em;color:var(--text-muted)}a.button{display:inline-block;padding:12px 25px;background-color:var(--primary-color);color:var(--text-color);text-decoration:none;font-weight:600;border-radius:var(--border-radius);transition:background-color var(--transition-speed),color var(--transition-speed),transform .2s}a.button:hover{color:var(--primary-color);transform:scale(1.05)}a.button:hover,footer{background-color:var(--text-color)}footer{color:var(--white);text-align:center;padding:40px 20px;margin-top:40px;font-size:1em;box-sizing:border-box}footer a{color:var(--primary-color);text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}a{color:var(--link-color)}a:hover{color:var(--link-hover-color)}@media (max-width:1024px){main{padding:40px 20px;max-width:1000px}section{padding:30px}h2{font-size:1.8em}p{font-size:1.1em}}@media (max-width:768px){header{flex-direction:column;text-align:center}nav{flex-wrap:wrap;justify-content:center;gap:15px}.join-box{padding:20px;margin:15px}main{padding:30px;max-width:100%}section{padding:20px}h2{font-size:1.6em}p{font-size:1em}}