: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app-background{min-height:100vh;width:100vw;background:linear-gradient(135deg,#022c22,#064e3b);display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-logo{color:#e0b04c;font-weight:700;font-size:1.2rem;letter-spacing:1px}.nav-links a{color:#fff;text-decoration:none;margin-left:30px;font-size:.9rem;transition:color .3s ease}.nav-links a:hover{color:#e0b04c}.hero-section{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.glass-card{background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:50px 40px;text-align:center;max-width:700px;width:100%;box-shadow:0 8px 32px #0000004d}.main-logo{width:180px;margin-bottom:25px}.brand-title{color:#e0b04c;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:4px;margin-bottom:10px}.sinhala-tagline{color:#fff;font-size:clamp(1.2rem,3vw,2rem);font-weight:500;margin-bottom:20px}.description{color:#d1d5db;font-size:1.1rem;line-height:1.6;margin-bottom:40px;padding:0 20px}.action-buttons{display:flex;justify-content:center;gap:20px}.primary-btn{background-color:#e0b04c;color:#022c22;border:none;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .3s ease}.secondary-btn{background-color:transparent;color:#e0b04c;border:2px solid #e0b04c;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #e0b04c66}.secondary-btn:hover{background-color:#e0b04c1a;transform:translateY(-3px)}@media(max-width:768px){.navbar{padding:15px 20px}.nav-links{display:none}.glass-card{padding:40px 20px}.action-buttons{flex-direction:column}}.products-section{padding:80px 50px;background-color:#f8f9fa;width:100%}.section-title{text-align:center;color:#064e3b;font-size:2.5rem;margin-bottom:50px;letter-spacing:1px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.product-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #0000001a}.product-image{width:100%;height:200px;object-fit:cover}.product-info{padding:20px;text-align:center}.product-name{color:#333;font-size:1.2rem;margin-bottom:5px}.product-weight{color:#888;font-size:.9rem;margin-bottom:15px}.product-price{color:#064e3b;font-size:1.4rem;font-weight:700;margin-bottom:20px}.buy-btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.whatsapp-btn{background-color:#25d366;color:#fff}.whatsapp-btn:hover{background-color:#1ebc5a}.site-footer{background-color:#022c22;color:#888;text-align:center;padding:30px 20px;font-size:.9rem;width:100%}@media(max-width:768px){.products-section{padding:50px 20px}}
