.header,.header *{color:#7a3a00;font-weight:700;text-shadow:0 1px 4px rgba(255,255,255,.3);letter-spacing:.5px;font-size:1.08em}.header{background:linear-gradient(90deg,#f38f58,#ffb07c,#ff8fa3);background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><filter id="noise" x="0" y="0"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity="0.08"/></svg>');background-size:200px 200px;box-shadow:var(--yellow-shadow);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}@media (max-width: 1240px){.header-container{max-width:100vw;padding:0 10px}}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;text-decoration:none;color:var(--yellow-dark);font-weight:700;font-size:1.2rem;transition:transform .3s ease}.logo:hover{transform:scale(1.05);color:var(--yellow-main)}.logo-icon{font-size:1.5rem;margin-right:10px}.logo-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:10px}.nav-item{margin:0}.nav-link{display:flex;align-items:center;padding:10px 16px;color:var(--yellow-dark);text-decoration:none;border-radius:8px;transition:all .3s ease;font-weight:500;background:none}.nav-link:hover{background:#ffe06644;color:var(--yellow-main);transform:translateY(-2px)}.nav-link.active{background:#ffe06688;color:var(--yellow-dark);box-shadow:var(--yellow-shadow-btn)}.nav-link-bold{font-weight:700!important}.nav-label{font-size:.9rem;font-weight:700}.nav-icon{margin-right:8px;font-size:1.1rem}.header-right{display:flex;align-items:center;gap:20px}.user-menu{position:relative}.user-button{display:flex;align-items:center;background:#ffe06644;border:none;color:var(--yellow-dark);padding:8px 16px;border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-button:hover{background:#ffe06688;color:var(--yellow-main);transform:translateY(-2px)}.user-avatar{margin-right:8px;font-size:1.2rem}.user-name{font-weight:500;margin-right:8px}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.user-menu:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:8px 0;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;margin-top:8px}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:10px 16px;color:#333;text-decoration:none;transition:background .3s ease;font-size:.9rem}.dropdown-item:hover{background:#f5f5f5;color:#667eea}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px;gap:4px}.mobile-menu-btn span{width:25px;height:3px;background:var(--yellow-dark);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-btn.active{background:#fffbe6;box-shadow:0 2px 8px #00000014;border-radius:10px}.mobile-menu-btn.active span{background:#7a3a00!important}@media (max-width: 768px){.nav{position:absolute;top:100%;left:0;right:0;background:var(--yellow-bg-gradient);padding:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;gap:0;width:100%;padding:0;margin:0}.nav-item{width:100%;margin:0;padding:0}.nav-link{display:block;width:100%;box-sizing:border-box;padding:18px 0 18px 32px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1);background:none;margin:0}.nav-link.active{background:#ffe06688;color:var(--yellow-dark);box-shadow:none;width:100%;display:block;border-radius:0;margin:0}.mobile-menu-btn{display:flex;margin-left:auto}.user-menu{display:none}.header-right{margin-right:8px}.header-container{padding:0 15px;margin-left:auto;margin-right:auto;width:100%}.header,.header-left{margin-left:auto;margin-right:auto;width:100%}}@media (max-width: 480px){.logo-text{display:inline!important}.header-container{height:60px}}.header,.header-container{width:100vw!important;max-width:100vw!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.header-container{position:relative!important}.mobile-menu-btn{margin-left:0!important;margin-right:0!important;right:12px!important;left:auto!important;position:absolute!important;top:18px!important}.header-left,.header-right{margin:0!important;padding:0!important}.footer,.footer *{color:#7a3a00!important;font-weight:700;text-shadow:0 1px 4px rgba(255,255,255,.3);letter-spacing:.5px}.footer{background:linear-gradient(90deg,#f38f58,#ffb07c,#ff8fa3)!important;margin-top:auto;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffe06688,transparent)}.footer-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 1240px){.footer-container{max-width:100vw;padding:0 10px}}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:32px 0 24px}.footer-section{display:flex;flex-direction:column}.footer-title{display:flex;align-items:center;font-size:1.5rem;margin-bottom:15px}.footer-icon{font-size:1.8rem;margin-right:10px}.footer-description{color:#b8860bcc;line-height:1.6;margin-bottom:20px;font-size:.95rem}.social-links{display:flex;gap:15px;margin-top:10px}.social-link{display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:none;border-radius:0;text-decoration:none;transition:all .3s ease;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.social-link:hover{background:none;transform:translateY(-3px);box-shadow:none;animation:socialHover .3s ease}.social-icon{font-size:1.2rem}.footer-subtitle{font-size:1.1rem;font-weight:600;margin-bottom:20px;position:relative}.footer-subtitle:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#ffe066,#b8860b);border-radius:1px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-link{text-decoration:none;transition:all .3s ease;font-size:.95rem;position:relative;padding-left:0}.footer-link:hover{padding-left:8px}.footer-link:before{content:"→";position:absolute;left:-15px;opacity:0;transition:all .3s ease}.footer-link:hover:before{opacity:1;left:-8px}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:12px;font-size:.95rem;line-height:1.5}.contact-icon{font-size:1.1rem;min-width:20px;text-align:center}.footer-bottom{border-top:1px solid #ffe06644;padding:25px 0;margin-top:20px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.copyright{font-size:.9rem;margin:0}.footer-bottom-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom-link{text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-link:hover{color:var(--yellow-main)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px;padding:40px 0 30px}.footer-bottom-content{flex-direction:column;text-align:center;gap:15px}.footer-bottom-links{justify-content:center}.footer-container{padding:0 15px;margin-left:auto;margin-right:auto;width:100%}.footer-content,.footer-section{margin-left:auto;margin-right:auto;width:100%}}@media (max-width: 480px){.footer-content{padding:30px 0 20px}.footer-title{font-size:1.3rem}.footer-subtitle{font-size:1rem}.social-links{gap:10px}.social-link{width:40px;height:40px}.contact-item{font-size:.9rem}}@keyframes socialHover{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.social-link:hover{animation:socialHover .3s ease}.footer,.footer-container{width:100vw!important;max-width:100vw!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.footer-content,.footer-bottom-content{justify-content:center!important;align-items:center!important;text-align:center!important;width:100%!important;margin:0 auto!important;box-sizing:border-box!important}.footer-bottom-content,.footer-bottom{overflow-x:auto!important;word-break:break-word!important;white-space:normal!important;width:100%!important;box-sizing:border-box!important}.social-link img{background:none!important;box-shadow:none!important;border-radius:0!important;display:block}.social-link{background:linear-gradient(90deg,#f38f58,#ffb07c,#ff8fa3)!important}.page-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);width:100%;margin:0;padding:0;box-sizing:border-box}.hero-section{display:flex;align-items:center;min-height:80vh;padding:60px 2vw;background:linear-gradient(135deg,#fffbe6cc,#fffde4cc);position:relative;overflow:hidden;width:100%;box-sizing:border-box;margin:0}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2;margin:0;box-sizing:border-box}.hero-title{font-size:3.5rem;font-weight:700;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:20px}.hero-icon{font-size:4rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;color:#7f8c8d;line-height:1.6;margin-bottom:40px;max-width:100%}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn{padding:15px 30px;border:none;border-radius:30px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;text-decoration:none;min-width:150px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 5px 15px #667eea4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.btn-secondary{background:#ffffffe6;color:#2c3e50;border:2px solid #667eea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-3px)}.btn-icon{font-size:1.2rem}.hero-image{display:flex;justify-content:center;align-items:center}.hero-placeholder{width:300px;height:300px;background:#ffffffe6;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-emoji{font-size:4rem;margin-bottom:15px}.hero-placeholder p{color:#7f8c8d;font-size:1.1rem;font-weight:500}.content-wrapper{width:100%;padding:0 2vw;box-sizing:border-box;margin:0}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:50px;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ffe066,#b8860b);border-radius:2px}.features-section{padding:80px 0;background:linear-gradient(135deg,#fffbe6,#fffde4);width:100%;box-sizing:border-box;margin:0}.features-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;box-sizing:border-box;margin:0}.feature-card{background:#ffffffd9;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 15px 35px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);width:100%;box-sizing:border-box;margin:0}.feature-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-title{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.feature-description{color:#7f8c8d;line-height:1.6;font-size:1rem}.quick-access-section{padding:80px 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);width:100%;box-sizing:border-box;margin:0}.quick-access-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;box-sizing:border-box;margin:0}.quick-access-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;text-decoration:none;color:inherit;box-shadow:0 15px 35px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);width:100%;box-sizing:border-box;margin:0}.quick-access-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026;color:#667eea}.quick-access-icon{font-size:3rem;margin-bottom:20px;display:block}.quick-access-card h3{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.quick-access-card p{color:#7f8c8d;line-height:1.6;font-size:1rem}.contact-section{padding:80px 0;background:#fff;width:100%;box-sizing:border-box;margin:0}.contact-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;box-sizing:border-box;margin:0}.contact-card{background:#fff;padding:30px;border-radius:20px;text-align:center;box-shadow:0 15px 35px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);width:100%;box-sizing:border-box;margin:0}.contact-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.contact-icon{font-size:2.5rem;margin-bottom:20px;display:block}.contact-card h3{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.contact-card p{color:#7f8c8d;line-height:1.6;font-size:1rem}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem;flex-direction:column;gap:10px}.hero-icon{font-size:3rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center}.hero-placeholder{width:250px;height:250px}.section-title{font-size:2rem}.features-grid,.quick-access-grid,.contact-grid{grid-template-columns:1fr;gap:20px}.content-wrapper{padding:0 2vw}.features-section,.quick-access-section,.contact-section{padding:60px 0}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-icon{font-size:2.5rem}.hero-subtitle{font-size:1rem}.btn{padding:12px 24px;font-size:.9rem;min-width:120px}.hero-placeholder{width:200px;height:200px}.hero-emoji{font-size:3rem}.section-title{font-size:1.8rem}.feature-card,.quick-access-card,.contact-card{padding:25px 20px}}.feature-card,.quick-access-card,.contact-card{animation:cardAppear .6s ease forwards}.feature-card:nth-child(1),.quick-access-card:nth-child(1),.contact-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2),.quick-access-card:nth-child(2),.contact-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3),.quick-access-card:nth-child(3),.contact-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4),.quick-access-card:nth-child(4),.contact-card:nth-child(4){animation-delay:.4s}.page-container,.main-content,body{background:var(--yellow-bg-gradient)!important}.hero-section{background:linear-gradient(135deg,#fffbe6cc,#fffde4cc)}.hero-title,.section-title,.feature-title,.quick-access-card h3,.contact-card h3{color:var(--yellow-dark)}.btn-primary,.btn-warning{background:var(--yellow-main);color:var(--yellow-dark);box-shadow:var(--yellow-shadow-btn)}.btn-primary:hover,.btn-warning:hover{background:var(--yellow-dark);color:#fffbe6}.btn-secondary:hover{background:var(--yellow-main);color:var(--yellow-dark)}.section-title:after{background:linear-gradient(90deg,#ffe066,#b8860b)}.feature-card,.quick-access-card,.contact-card{box-shadow:var(--yellow-shadow);border:1px solid #ffe06644}.quick-access-card:hover,.feature-card:hover,.contact-card:hover{color:var(--yellow-main);box-shadow:0 25px 50px #ffe06644}.bee-clouds{position:absolute;top:0;left:0;width:100vw;height:120px;pointer-events:none;z-index:0}.bee-cloud{position:absolute;opacity:.7;animation:cloud-move 40s linear infinite}.bee-cloud1{left:5vw;top:20px;animation-delay:0s}.bee-cloud2{left:40vw;top:50px;animation-delay:10s}@keyframes cloud-move{0%{transform:translate(0)}to{transform:translate(40vw)}}@keyframes cloud-move-real{0%{transform:translate(0)}50%{transform:translate(40px)}to{transform:translate(0)}}@keyframes cloud-move-real-1{0%{left:0}to{left:100vw}}@keyframes cloud-move-real-2{0%{left:-120px}to{left:100vw}}@keyframes cloud-move-real-3{0%{left:-80px}to{left:100vw}}.bee-flower{z-index:2;position:absolute;right:80px;bottom:0;width:260px;height:260px;filter:drop-shadow(0 8px 32px #ffe06655);transform:scale(.2) translateY(120px);transition:transform 1.2s cubic-bezier(.7,1.7,.5,1)}.flower-appear{transform:scale(1) translateY(0)}.bee-anim{z-index:3;position:absolute;width:180px;height:180px;filter:drop-shadow(0 4px 24px #ffe06688);will-change:right,bottom,transform}@media (max-width: 900px){.bee-flower{width:160px;height:160px;right:10vw}.bee-anim{width:100px;height:100px}}@media (max-width: 600px){.bee-flower{width:100px;height:100px;right:2vw}.bee-anim{width:60px;height:60px}}.bee-landed{animation:bee-bounce .7s cubic-bezier(.7,1.7,.5,1)}@keyframes bee-bounce{0%{transform:translateY(-30px)}60%{transform:translateY(10px)}to{transform:translateY(0)}}.bee-welcome,.bee-desc,.bee-links{opacity:0;animation:fadein 1s forwards}.bee-welcome{animation-delay:.2s}.bee-desc{animation-delay:.5s}.bee-links{animation-delay:.8s}@keyframes fadein{to{opacity:1}}.btn-warning{background:#ffe066;color:#b8860b;border:none;border-radius:8px;padding:10px 24px;font-weight:600;font-size:1.1rem;box-shadow:0 2px 8px #ffe06644;transition:background .2s,color .2s}.btn-warning:hover{background:#ffe066cc;color:#a67c00}.hero-content{min-height:320px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative}.why-anim-card{position:relative;overflow:hidden}.why-title,.why-desc{transition:transform .5s cubic-bezier(.4,1.6,.5,1),opacity .4s}.why-title-move,.why-desc-move{transform:translate(60px);opacity:0}.why-extra{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:0;pointer-events:none;z-index:2;padding:40px 30px;box-sizing:border-box;transition:opacity .5s .1s}.why-extra-show{opacity:1;pointer-events:auto;animation:whyFadeIn .5s}@keyframes whyFadeIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.why-title-alt{color:var(--yellow-dark);font-size:1.4rem;font-weight:700;margin-bottom:15px;margin-top:0;text-align:left}.why-desc-alt{color:#444;font-size:1rem;font-weight:500;line-height:1.6;text-align:left;margin:0}@media (max-width: 768px){.why-extra,.why-extra-show{padding:25px 16px}}.animated-slider,.marquee-track{animation:none!important}.animated-images-section>div{scrollbar-width:none;-ms-overflow-style:none}.animated-images-section>div::-webkit-scrollbar{display:none}.page-container,.main-content,.main-container,.content-wrapper,.features-section,.features-grid{width:100%;max-width:100vw;margin-left:auto;margin-right:auto;box-sizing:border-box}@media (min-width: 769px){.animated-images-section{left:50%;transform:translate(-50%);width:100vw}}@media (max-width: 768px){.animated-images-section{left:0!important;transform:none!important;width:100vw!important;margin:32px 0!important;padding:0!important;box-sizing:border-box!important}}html,body{width:100vw;max-width:100vw;overflow-x:hidden!important;margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,Helvetica Neue,Helvetica,sans-serif}.login-bg{min-height:100vh;width:100vw;background:var(--yellow-bg-gradient);display:flex;align-items:center;justify-content:center}.login-container{background:#fff;border-radius:18px;box-shadow:0 8px 32px #2c3e5021;padding:38px 32px 32px;min-width:320px;max-width:95vw;display:flex;flex-direction:column;align-items:center}.login-title{font-size:1.5rem;font-weight:700;color:var(--yellow-dark);margin-bottom:28px;letter-spacing:.5px}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.login-form label{color:#444;font-size:.98rem;font-weight:500;margin-bottom:2px}.login-form input[type=text],.login-form input[type=password]{width:100%;padding:11px 13px;border-radius:10px;border:1.5px solid #d1d5db;font-size:1.05rem;background:#f8fafc;color:#222;transition:border .2s,box-shadow .2s;outline:none;margin-top:4px;margin-bottom:2px}.login-form input[type=text]:focus,.login-form input[type=password]:focus{border:1.5px solid #667eea;box-shadow:0 0 0 2px #e0e7ff}.login-error{color:#e74c3c;background:#fbeaea;border-radius:8px;padding:8px 12px;font-size:.97rem;margin-bottom:2px;text-align:center}.btn.btn-primary{background:var(--yellow-main);color:var(--yellow-dark);border:none;border-radius:22px;font-weight:600;font-size:1rem;padding:11px 28px;box-shadow:var(--yellow-shadow-btn);transition:background .2s,box-shadow .2s,transform .1s;margin-top:8px}.btn.btn-primary:hover{background:var(--yellow-dark);color:#fffbe6;transform:translateY(-2px) scale(1.03);box-shadow:0 4px 16px #667eea21}@media (max-width: 600px){.login-container{min-width:90vw;padding:18px 4vw}.login-title{font-size:1.2rem;margin-bottom:18px}.login-form input{font-size:.97rem;padding:9px 8px}}.announcements-content{display:flex;flex-direction:column;gap:40px}.announcements-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}.announcement-card{background:#fff;border-radius:20px;padding:30px;box-shadow:var(--yellow-shadow);transition:all .3s ease;border:1px solid #ffe06644;position:relative;overflow:hidden}.announcement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffe066,#b8860b);border-radius:20px 20px 0 0}.announcement-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026}.announcement-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.announcement-icon{font-size:2.5rem;background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.announcement-title{font-size:1.4rem;font-weight:700;color:var(--yellow-dark);margin:0;text-shadow:0 2px 8px #fffbe6cc,0 1px 0 #fffbe6cc}.announcement-description{color:#b8860b;line-height:1.6;margin-bottom:20px;font-size:1rem;text-shadow:0 1px 4px #fffbe6cc}.announcement-details{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.announcement-date,.announcement-author{display:flex;align-items:center;gap:8px;color:#5a6c7d;font-size:.95rem;font-weight:500}.announcement-date{display:flex;align-items:center;gap:8px;color:#5a6c7d;font-size:1.08rem;font-weight:600}.announcement-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background:var(--yellow-main);color:var(--yellow-dark);box-shadow:var(--yellow-shadow-btn)}.btn-primary:hover{background:var(--yellow-dark);color:#fffbe6}.btn-secondary:hover{background:var(--yellow-main);color:var(--yellow-dark);border-color:var(--yellow-dark)}.add-announcement-section{text-align:center;padding:40px;background:#fffc;border-radius:20px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-announcement-btn{font-size:1.1rem;padding:18px 40px}@media (max-width: 768px){.content-wrapper{padding:20px 15px}.page-header{padding:20px;margin-bottom:30px}.page-title{font-size:2rem;flex-direction:column;gap:10px}.title-icon{font-size:2.2rem}.page-description{font-size:1rem}.announcements-grid{grid-template-columns:1fr;gap:20px}.announcement-card{padding:25px}.announcement-header{flex-direction:column;text-align:center;gap:10px}.announcement-actions{justify-content:center}.add-announcement-section{padding:30px 20px}}@media (max-width: 480px){.page-title{font-size:1.8rem}.title-icon{font-size:2rem}.announcement-card{padding:20px}.btn{padding:8px 16px;font-size:.85rem}.add-announcement-btn{font-size:1rem;padding:15px 30px}}@media (max-width: 900px){.announcements-grid{grid-template-columns:1fr;gap:20px}}.announcement-card{animation:cardAppear .6s ease forwards}.announcement-card:nth-child(1){animation-delay:.1s}.announcement-card:nth-child(2){animation-delay:.2s}.announcement-card:nth-child(3){animation-delay:.3s}.announcement-image img{background:#fffbe6cc;border-radius:12px;box-shadow:0 2px 8px #ffe06655;padding:8px}.page-container{min-height:100vh;width:100%;display:flex;flex-direction:column;background:var(--yellow-bg-gradient);margin:0;padding:0;box-sizing:border-box}.main-content{flex:1;padding:0;width:100%}.page-header{text-align:center;margin-bottom:50px;padding:30px 0;background:#fffbe6cc;border-radius:20px;box-shadow:var(--yellow-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:100%;margin-left:0;margin-right:0}.page-description{font-size:1.1rem;color:#7f8c8d;max-width:100%;margin:0 auto;line-height:1.6}.events-content{display:flex;flex-direction:column;gap:40px;width:100%}.events-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px;width:100%}.event-card{background:#fff;border-radius:20px;padding:30px;box-shadow:var(--yellow-shadow);transition:all .3s ease;border:1px solid #ffe06644;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffe066,#b8860b);border-radius:20px 20px 0 0}.event-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026}.event-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.event-icon{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-title{font-size:1.4rem;font-weight:700;color:var(--yellow-dark);margin:0}.event-description{color:#7f8c8d;line-height:1.6;margin-bottom:20px;font-size:1rem}.event-details{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.event-date,.event-time{display:flex;align-items:center;gap:8px;color:#5a6c7d;font-size:.95rem;font-weight:500}.event-actions{display:flex;gap:12px;flex-wrap:wrap}.add-event-section{text-align:center;padding:40px;background:#fffc;border-radius:20px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box}.add-event-btn{font-size:1.1rem;padding:18px 40px}@media (max-width: 768px){.content-wrapper{padding:20px 2vw}.page-header{padding:20px 0;margin-bottom:30px}.page-title{font-size:2rem;flex-direction:column;gap:10px}.title-icon{font-size:2.2rem}.page-description{font-size:1rem}.events-grid{grid-template-columns:1fr;gap:20px}.event-card{padding:25px}.event-header{flex-direction:column;text-align:center;gap:10px}.event-actions{justify-content:center}.add-event-section{padding:30px 2vw}}@media (max-width: 480px){.page-title{font-size:1.8rem}.title-icon{font-size:2rem}.event-card{padding:20px}.btn{padding:8px 16px;font-size:.85rem}.add-event-btn{font-size:1rem;padding:15px 30px}}.event-card:nth-child(1){animation-delay:.1s}.event-card:nth-child(2){animation-delay:.2s}.event-card:nth-child(3){animation-delay:.3s}.modal-backdrop{position:fixed;inset:0;background:#2c3e502e;z-index:1000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .2s}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(135deg,#f8fafc 60%,#e3e8ee);border-radius:18px;padding:36px 28px 28px;min-width:340px;max-width:95vw;box-shadow:0 8px 32px #2c3e502e,0 1.5px 8px #667eea14;z-index:1001;position:relative;animation:modalPopIn .25s cubic-bezier(.4,2,.6,1) both}@keyframes modalPopIn{0%{transform:scale(.97) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h2{color:#2c3e50;font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:28px;letter-spacing:.5px}.event-form label{display:block;margin-bottom:8px;font-weight:500;color:#444;font-size:.98rem;letter-spacing:.1px}.event-form input[type=text],.event-form input[type=datetime-local],.event-form textarea{width:100%;padding:11px 13px;border-radius:10px;border:1.5px solid #d1d5db;margin-bottom:18px;font-size:1.05rem;box-sizing:border-box;background:#fff;color:#222;transition:border .2s,box-shadow .2s;outline:none;box-shadow:0 1px 2px #2c3e5008}.event-form input[type=text]:focus,.event-form input[type=datetime-local]:focus,.event-form textarea:focus{border:1.5px solid #667eea;box-shadow:0 0 0 2px #e0e7ff}.event-form textarea{min-height:70px;resize:vertical}.event-form input[type=file]{background:#fff;color:#222;border:none;margin-bottom:18px;font-size:.97rem;padding:0}.modal-actions{display:flex;gap:14px;margin-top:10px;justify-content:flex-end}.btn.btn-primary{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;border-radius:22px;font-weight:600;font-size:1rem;padding:11px 28px;box-shadow:0 2px 8px #667eea14;transition:background .2s,box-shadow .2s,transform .1s}.btn.btn-primary:hover{background:linear-gradient(90deg,#5a6c7d,#667eea);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 16px #667eea21}.btn.btn-secondary{background:#f3f4f6;color:#555;border:1.5px solid #d1d5db;border-radius:22px;font-weight:500;font-size:1rem;padding:11px 28px;transition:background .2s,color .2s,border .2s,transform .1s}.btn.btn-secondary:hover{background:#e74c3c;color:#fff;border-color:#e74c3c;transform:translateY(-2px) scale(1.03)}@media (max-width: 600px){.modal{min-width:90vw;padding:18px 4vw}.modal h2{font-size:1.2rem;margin-bottom:18px}.event-form input,.event-form textarea{font-size:.97rem;padding:9px 8px}}.event-image-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:18px;position:relative}.zoom-btn{position:absolute;top:12px;right:12px;background:#ffffffd9;border:none;border-radius:50%;padding:6px;cursor:pointer;box-shadow:0 2px 8px #2c3e501a;transition:background .2s,transform .2s;z-index:2;opacity:.85}.zoom-btn:hover{background:#667eea;color:#fff;transform:scale(1.12);opacity:1}.zoom-modal{position:fixed;inset:0;background:#2c3e50bf;z-index:2000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .2s}.zoom-modal-content{position:relative;background:#fff;border-radius:18px;padding:18px;box-shadow:0 8px 32px #2c3e502e;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.zoom-modal-img{max-width:80vw;max-height:70vh;border-radius:12px;box-shadow:0 4px 18px #2c3e5021}.zoom-modal-close{position:absolute;top:10px;right:16px;background:none;border:none;font-size:2.2rem;color:#667eea;cursor:pointer;z-index:2;transition:color .2s}.zoom-modal-close:hover{color:#e74c3c}@media (max-width: 600px){.zoom-modal-img{max-width:98vw;max-height:55vh}.zoom-modal-content{padding:6px}}.event-image{width:100%;max-width:420px;height:auto;max-height:260px;object-fit:cover;border-radius:16px;box-shadow:0 4px 18px #2c3e501a;display:block}.event-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px;text-align:left}.event-video-link{margin-top:18px;text-align:left}@media (max-width: 600px){.event-image{max-width:100%;max-height:180px}}@media (max-width: 900px){.events-grid{grid-template-columns:1fr;gap:20px}}.page-container{min-height:100vh;display:flex;flex-direction:column;background:var(--yellow-bg-gradient)}.main-content{flex:1;padding:0}.content-wrapper{width:100%;padding:40px 2vw;box-sizing:border-box;margin:0}.page-header{text-align:center;margin-bottom:50px;padding:30px;background:#fffbe6cc;border-radius:20px;box-shadow:var(--yellow-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-title{display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--yellow-dark);margin-bottom:15px;gap:15px}.title-icon{font-size:2.8rem}.page-description{font-size:1.1rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.meals-content{display:flex;flex-direction:column;gap:40px}.meals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}@media (max-width: 1200px){.meals-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 900px){.meals-grid{grid-template-columns:1fr;gap:20px}}.meal-card{background:#fff;border-radius:20px;padding:30px;box-shadow:var(--yellow-shadow);transition:all .3s ease;border:1px solid #ffe06644;position:relative;overflow:hidden}.meal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffe066,#b8860b);border-radius:20px 20px 0 0}.meal-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026}.meal-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.meal-icon{font-size:2.5rem;background:linear-gradient(135deg,#f39c12,#e67e22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meal-title{font-size:1.4rem;font-weight:700;color:var(--yellow-dark);margin:0}.meal-menu{margin-bottom:25px}.meal-day{font-size:1.1rem;font-weight:600;color:#e67e22;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #f39c12;display:inline-block}.meal-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.meal-items li{display:flex;align-items:center;gap:10px;color:#5a6c7d;font-size:.95rem;padding:8px 0;border-bottom:1px solid #ecf0f1;transition:all .3s ease}.meal-items li:hover{color:#e67e22;padding-left:5px}.meal-items li:last-child{border-bottom:none}.meal-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:25px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none;min-width:100px;justify-content:center}.btn-primary{background:var(--yellow-main);color:var(--yellow-dark)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--yellow-shadow-btn)}.btn-secondary{background:#fffbe6cc;color:var(--yellow-dark);border:2px solid var(--yellow-main)}.btn-secondary:hover{background:var(--yellow-main);color:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;font-size:1rem;padding:15px 30px;border-radius:30px;box-shadow:0 5px 15px #27ae604d}.btn-success:hover{transform:translateY(-3px);box-shadow:0 8px 25px #27ae6066}.btn-icon{font-size:1.1rem}.add-meal-section{text-align:center;padding:40px;background:#fffc;border-radius:20px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-meal-btn{font-size:1.1rem;padding:18px 40px}@media (max-width: 768px){.content-wrapper{padding:20px 15px}.page-header{padding:20px;margin-bottom:30px}.page-title{font-size:2rem;flex-direction:column;gap:10px}.title-icon{font-size:2.2rem}.page-description{font-size:1rem}.meals-grid{grid-template-columns:1fr;gap:20px}.meal-card{padding:25px}.meal-header{flex-direction:column;text-align:center;gap:10px}.meal-actions{justify-content:center}.add-meal-section{padding:30px 20px}}@media (max-width: 480px){.page-title{font-size:1.8rem}.title-icon{font-size:2rem}.meal-card{padding:20px}.btn{padding:8px 16px;font-size:.85rem}.add-meal-btn{font-size:1rem;padding:15px 30px}}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.meal-card{animation:cardAppear .6s ease forwards}.meal-card:nth-child(1){animation-delay:.1s}.meal-card:nth-child(2){animation-delay:.2s}.meal-card:nth-child(3){animation-delay:.3s}.meal-card:nth-child(4){animation-delay:.4s}.meal-card:nth-child(5){animation-delay:.5s}.meal-card:nth-child(6){animation-delay:.6s}.modal label{color:#222!important;font-weight:500}.modal label{margin-right:12px}.product-list-title{color:#222;font-weight:700;font-size:2rem;text-align:center;margin-bottom:1rem;text-shadow:0 2px 8px #fff8,0 1px 0 #fff}.product-list-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px;padding:0;list-style:none}.product-item{background:#fffbe8;border-radius:10px;padding:8px 18px;font-size:1rem;color:#555;box-shadow:0 2px 8px #eee;margin:0;min-width:100px;text-align:center;display:flex;align-items:center;transition:box-shadow .2s}.product-item:hover{box-shadow:0 4px 16px #ddd}.product-icon{margin-right:8px;font-size:1.2em}@media (max-width: 600px){.product-list-container{gap:8px}.product-item{font-size:.95rem;padding:6px 10px;min-width:80px}}.contactpage-outer-container{width:100%;max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px;box-sizing:border-box}@media (max-width: 700px){.contactpage-outer-container{padding-left:8px;padding-right:8px}}.contact-main{min-height:70vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#fceabb,#f8b500);padding:40px 16px}.contact-form-container{width:100%;max-width:600px;background:#fffffff2;border-radius:20px;box-shadow:0 4px 32px #00000014;padding:40px 32px;display:flex;flex-direction:column;gap:24px}.contact-title{font-size:2rem;font-weight:700;color:#f38f58;text-align:center;margin-bottom:8px;font-family:Inter,Arial,sans-serif}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-input,.contact-textarea{width:100%;padding:14px 16px;border:1.5px solid #ffd6a0;border-radius:10px;font-size:1rem;font-family:inherit;background:#fff;transition:border .2s,box-shadow .2s;outline:none}.contact-input:focus,.contact-textarea:focus{border-color:#f38f58;box-shadow:0 0 0 2px #ffe0c2}.contact-textarea{resize:none;min-height:100px}.contact-button{width:100%;padding:14px 0;background:linear-gradient(90deg,#f38f58,#ff8fa3);color:#fff;font-weight:700;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;box-shadow:0 2px 8px #f38f581a;transition:background .2s,transform .2s}.contact-button:hover{background:linear-gradient(90deg,#ff8fa3,#f38f58);transform:translateY(-2px) scale(1.03)}@media (max-width: 600px){.contact-form-container{padding:24px 8px}}.contact-form input,.contact-form select,.contact-form textarea,.contact-form option{color:#b8860b}.theme-placeholder::placeholder{color:#e0b84b!important;opacity:1}.theme-placeholder:-ms-input-placeholder{color:#e0b84b!important}.theme-placeholder::-ms-input-placeholder{color:#e0b84b!important}.contact-card{max-width:600px!important}body{overflow-x:hidden}#root{width:100%;max-width:100vw;margin:0;padding:2rem;text-align:center;box-sizing:border-box;overflow-x:hidden}@media (min-width: 1200px){#root{padding:3rem 5vw}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body,#root{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}.page-container{min-height:100vh;width:100%;margin:0;padding:0;display:flex;flex-direction:column;background:var(--yellow-bg-gradient);box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--yellow-main: #ffe066;--yellow-dark: #b8860b;--yellow-bg: #fffbe6;--yellow-bg-gradient: linear-gradient(135deg, #fffbe6 0%, #fffde4 100%);--yellow-shadow: 0 4px 24px #ffe06633;--yellow-shadow-btn: 0 2px 8px #ffe06644}a{font-weight:500;color:var(--yellow-dark);text-decoration:inherit}a:hover{color:var(--yellow-main)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--yellow-bg-gradient)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--yellow-main);color:var(--yellow-dark);cursor:pointer;transition:border-color .25s,background .2s,color .2s;box-shadow:var(--yellow-shadow-btn)}button:hover{border-color:var(--yellow-dark);background:var(--yellow-dark);color:#fffbe6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.main-container{max-width:900px;width:100%;margin:0 auto;padding:48px 32px;background:#fffbe6cc;border-radius:24px;box-shadow:var(--yellow-shadow);display:flex;flex-direction:column;align-items:center}@media (max-width: 600px){.main-container{padding:24px 8px;border-radius:12px}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fffbe6}a:hover{color:var(--yellow-main)}button{background-color:var(--yellow-main);color:var(--yellow-dark)}}