*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;overflow-x:hidden;transition:all .5s ease}body.day-mode{background:linear-gradient(135deg,#87ceeb,#e0f6ff);color:#333}body.day-mode .glow-text{color:#333;text-shadow:0 0 5px rgba(255,255,255,.8)}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.stars{position:absolute;width:100%;height:100%;background:transparent}.stars:before,.stars:after{content:"";position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite}.stars:before{top:20%;left:10%;animation-delay:0s}.stars:after{top:60%;right:15%;animation-delay:1.5s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.stars{background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,white,transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,white,transparent),radial-gradient(2px 2px at 160px 30px,white,transparent);background-repeat:repeat;background-size:200px 100px;animation:sparkle 10s linear infinite}@keyframes sparkle{0%{transform:translate(0)}to{transform:translate(-200px)}}.clouds{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease}body.day-mode .clouds{opacity:1}body.day-mode .stars{opacity:0}.clouds:before,.clouds:after{content:"";position:absolute;background:#fffc;border-radius:50px;animation:float 20s infinite linear}.clouds:before{width:100px;height:40px;top:20%;left:-100px}.clouds:after{width:80px;height:30px;top:60%;left:-80px;animation-delay:10s}@keyframes float{0%{transform:translate(0)}to{transform:translate(calc(100vw + 100px))}}.birds{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease}body.day-mode .birds{opacity:1}.birds:before,.birds:after{content:"🐦";position:absolute;font-size:16px;animation:fly 15s infinite linear}.birds:before{top:30%;left:-50px}.birds:after{top:50%;left:-50px;animation-delay:7s}@keyframes fly{0%{transform:translate(0) translateY(0)}25%{transform:translate(25vw) translateY(-10px)}50%{transform:translate(50vw) translateY(5px)}75%{transform:translate(75vw) translateY(-5px)}to{transform:translate(100vw) translateY(0)}}.day-night-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 15px;border-radius:25px;cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.day-night-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.main-sidebar-toggle{position:fixed;top:20px;left:20px;z-index:1000;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 15px;border-radius:25px;cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-sidebar-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;z-index:999;overflow-y:auto;transition:transform .3s ease-in-out;transform:translate(0)}.sidebar.hidden{transform:translate(-100%)}.sidebar-toggle{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:12px;margin-bottom:15px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%}.sidebar-toggle:hover{background:#ffffff4d}.sidebar-day-night-toggle{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:12px;margin-bottom:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%}.sidebar-day-night-toggle:hover{background:#ffffff4d}.sidebar h3{color:#fff;margin-bottom:15px;font-size:18px;text-align:center}.sidebar-links{list-style:none;margin-bottom:30px}.sidebar-links li{margin-bottom:10px}.sidebar-links a{color:#fff;text-decoration:none;display:block;padding:10px 15px;border-radius:10px;transition:all .3s ease;text-align:center;font-size:14px}.sidebar-links a:hover{background:#fff3;transform:translate(5px)}.main-content{margin-left:300px;padding:20px;transition:margin-left .3s ease-in-out;min-height:100vh}.main-content.full-width{margin-left:0}@media (max-width: 768px){.sidebar{width:250px}.main-content{margin-left:250px;padding:15px}.day-night-toggle,.main-sidebar-toggle{padding:8px 12px;font-size:12px}}@media (max-width: 480px){.sidebar{width:200px}.main-content{margin-left:200px;padding:10px}.day-night-toggle,.main-sidebar-toggle{top:10px;padding:6px 10px;font-size:11px}.day-night-toggle{right:10px}.main-sidebar-toggle{left:10px}}.glow-text{text-shadow:0 0 10px rgba(255,255,255,.5)}.blue-outline-text{color:#fff;text-shadow:-2px -2px 0 #000000,2px -2px 0 #000000,-2px 2px 0 #000000,2px 2px 0 #000000,0 0 10px rgba(0,0,0,.8)}.shimmer-link{position:relative;overflow:hidden;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);background-size:200% 100%;transition:all .3s ease}.shimmer-link:hover{animation:shimmer .8s ease-in-out;transform:scale(1.02)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.header{text-align:center;margin-bottom:50px;padding:40px 20px}.header h1{font-size:2.5em;margin-bottom:10px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header h2{font-size:1.8em;margin-bottom:15px;color:#87ceeb}.subtitle{font-size:1.2em;margin-bottom:20px;color:#b0c4de}.disclaimer{background:#ffffff1a;padding:15px;border-radius:10px;margin:20px auto;max-width:600px;border:2px solid rgba(255,255,255,.2)}.section{margin-bottom:60px;padding:0 20px}.section-title{font-size:2.2em;text-align:center;margin-bottom:30px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;font-size:1.1em;margin-bottom:40px;color:#b0c4de}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto}.tool-card{background:#ffffff1a;padding:25px;border-radius:15px;text-align:center;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d;border-color:#fff6}.tool-card h3{font-size:1.4em;margin-bottom:15px;color:#87ceeb}.tool-card p{margin-bottom:20px;color:#b0c4de}.tool-button{display:inline-block;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;padding:12px 25px;border-radius:25px;text-decoration:none;font-weight:700;transition:all .3s ease;margin-bottom:15px}.tool-button:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.tool-info{font-size:.9em;color:#b0c4de;font-style:italic}.pulse-animation{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto}.product-card{background:#ffffff1a;padding:30px;border-radius:20px;text-align:center;border:3px solid rgba(255,255,255,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#ff6b6b);border-radius:20px;z-index:-1;animation:glow-border 3s linear infinite}@keyframes glow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.product-card h3{font-size:1.5em;margin-bottom:15px;color:#87ceeb}.product-card p{margin-bottom:20px;color:#b0c4de;font-style:italic}.product-benefits{margin-bottom:25px;text-align:left}.product-benefits ul{list-style:none;padding-left:0}.product-benefits li{margin-bottom:8px;padding-left:20px;position:relative;color:#b0c4de}.product-benefits li:before{content:"✓";position:absolute;left:0;color:#4ecdc4;font-weight:700}.product-button{display:inline-block;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.product-button:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000004d}.coffee-special{background:#8b45131a;padding:40px 20px;border-radius:20px;border:2px solid rgba(139,69,19,.3)}.coffee-disclaimer{text-align:center;font-size:1.1em;margin-bottom:30px;color:#deb887}.coffee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;max-width:1000px;margin:0 auto}.coffee-card{background:#8b451333;border-color:#8b451366}.coffee-card:before{background:linear-gradient(45deg,#8b4513,#deb887,#d2691e,#8b4513)}.vitamins-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:25px;max-width:800px;margin:0 auto}.vitamin-card{background:#ffffff1a;padding:25px;border-radius:15px;text-align:center;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vitamin-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.vitamin-card h3{font-size:1.3em;margin-bottom:15px;color:#87ceeb}.vitamin-card p{color:#b0c4de}.footer{background:#0000004d;padding:30px 20px;text-align:center;border-top:2px solid rgba(255,255,255,.2);margin-top:60px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px}.footer-links a{color:#fff;text-decoration:none;padding:10px 15px;border-radius:10px;transition:all .3s ease;font-size:14px;border:1px solid rgba(255,255,255,.2)}.footer-links a:hover{background:#fff3;transform:translateY(-2px)}.footer-text{color:#b0c4de;font-size:.9em}@media (max-width: 768px){.tools-grid,.products-grid{grid-template-columns:1fr;gap:20px}.coffee-grid{grid-template-columns:1fr}.vitamins-grid-2x2{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.header h1{font-size:2em}.header h2{font-size:1.5em}.section-title{font-size:1.8em}.footer-links{flex-direction:column;gap:10px}.footer-links a{display:block;width:100%;max-width:300px;margin:0 auto}}@media (max-width: 480px){.main-content{padding:10px}.section{padding:0 10px}.tool-card,.product-card{padding:20px}.header{padding:20px 10px}.header h1{font-size:1.8em}.header h2{font-size:1.3em}.subtitle{font-size:1em}.section-title{font-size:1.6em}.vitamins-grid-2x2{grid-template-columns:1fr}}