:root{--color-primary: #0b63d6;--color-primary-light: #3b82f6;--color-primary-dark: #073070;--color-secondary: #1fb6ff;--color-secondary-light: #86d9ff;--color-accent: #66b3ff;--color-accent-hover: #4fa6ff;--color-text-main: #0f1724;--color-text-light: #475569;--color-text-white: #ffffff;--color-bg-body: #f0f6ff;--color-bg-white: #ffffff;--color-bg-glass: rgba(255, 255, 255, .8);--font-family-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-serif: "Merriweather", theme-ui, Georgia, serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glass: 0 8px 32px 0 rgba(11, 63, 214, .12);--transition-fast: .2s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.navbar{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:80px;display:flex;justify-content:center;align-items:center;font-size:1rem;position:sticky;top:0;z-index:999;box-shadow:var(--shadow-sm)}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:80px;width:100%}.navbar-logo{color:var(--color-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.nav-menu{display:grid;grid-template-columns:repeat(5,auto);grid-gap:30px;list-style:none;text-align:center;justify-content:end}.nav-links{color:var(--color-text-main);font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius-sm)}.nav-links:hover,.nav-links.active{color:var(--color-primary);background-color:#0033660d}.menu-icon{display:none;color:var(--color-primary)}@media screen and (max-width:960px){.nav-menu{display:flex;flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease;background:var(--color-bg-white)}.nav-menu.active{background:var(--color-bg-white);left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}}.hero{background:linear-gradient(135deg,var(--color-bg-body) 0%,#e0eafc 100%);min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;z-index:2;position:relative}.hero-text{max-width:600px}.hero-text h1{font-size:3.5rem;margin-bottom:var(--spacing-md);color:var(--color-primary-dark);line-height:1.1}.hero-text p{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.badge{display:inline-block;background:var(--color-primary-light);color:#fff;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md)}.badge--emphasized{font-size:1rem;padding:6px 16px;border-radius:24px;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));box-shadow:0 6px 18px #12263f1f;letter-spacing:.4px;text-transform:none}.hero-buttons{display:flex;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--border-radius-md);font-weight:600;font-size:1rem;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline:hover{background:var(--color-primary);color:#fff}.hero-image{display:flex;justify-content:center}.image-card{background:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-glass);max-width:400px;transform:rotate(3deg);transition:transform .5s ease}.image-card:hover{transform:rotate(0) scale(1.02)}.image-card img{border-radius:var(--border-radius-md);width:100%}@media(max-width:960px){.hero-content{grid-template-columns:1fr;text-align:center;padding-top:var(--spacing-xl)}.hero-text{margin:0 auto}.hero-buttons{justify-content:center}.image-card{max-width:300px;margin:0 auto}}.highlights-container{background:var(--color-primary);color:#fff;padding:var(--spacing-lg) 0;position:relative;z-index:10;box-shadow:var(--shadow-lg)}.highlights-overlap{margin-top:-50px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);text-align:center}.stat-card{padding:var(--spacing-sm);border-right:1px solid rgba(255,255,255,.2)}.stat-card:last-child{border-right:none}.stat-card h3{font-size:2.5rem;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.stat-card p{font-size:1rem;font-weight:500;opacity:.9}@media(max-width:768px){.stat-card{border-right:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:var(--spacing-md)}.stat-card:last-child{border-bottom:none}}.section{padding:var(--spacing-xl) 0;position:relative;overflow:hidden}.section h2{text-align:center;margin-bottom:var(--spacing-lg);display:block;position:static;left:auto;transform:none}.section h2:after{content:"";display:block;width:60px;height:4px;background:var(--color-accent);margin:var(--spacing-xs) auto 0;border-radius:2px}.features-section{background-color:var(--color-bg-body)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.feature-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-icon{display:inline-flex;padding:var(--spacing-md);background:#0033661a;color:var(--color-primary);border-radius:50%;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-primary-dark)}.feature-card p{color:var(--color-text-light);font-size:.95rem}.page-header{background:var(--color-primary);color:#fff;padding:var(--spacing-xl) 0;text-align:center;margin-bottom:var(--spacing-lg)}.page-header h1{color:#fff;margin-bottom:var(--spacing-xs)}.page-header p{font-size:1.25rem;opacity:.9}.about-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.placeholder-bg{background:#e0e0e0;height:300px;border-radius:var(--border-radius-md);background-image:linear-gradient(45deg,#e0e0e0 25%,#f5f5f5 25% 50%,#e0e0e0 50% 75%,#f5f5f5 75% 100%);background-size:40px 40px}.text-block .lead{font-size:1.15rem;color:var(--color-text-main);margin-bottom:var(--spacing-md)}.narrow-content{max-width:800px;margin:0 auto;text-align:center}.narrow-content p{margin-bottom:var(--spacing-md);text-align:justify}.bg-light{background-color:var(--color-bg-body)}.bg-primary{background-color:var(--color-primary);color:#fff}.bg-primary h2{color:#fff}.vision-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.vm-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);text-align:center}.vm-card h3{margin-bottom:var(--spacing-md);color:var(--color-primary)}.sinhala-text{font-style:italic;font-weight:500;color:var(--color-text-main);margin-bottom:var(--spacing-sm)}.values-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);max-width:1000px;margin:0 auto}.values-list li{background:#ffffff1a;padding:var(--spacing-md);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.check-list{list-style:none;text-align:left;display:inline-block;margin-top:var(--spacing-md)}.check-list li:before{content:"✔";color:var(--color-secondary);margin-right:10px}@media(max-width:768px){.about-content-grid,.vision-mission-grid{grid-template-columns:1fr}}.membership-header{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 60%),url(https://images.unsplash.com/photo-1556742049-0cfed4f7a07d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-blend-mode:overlay;background-size:cover;background-position:center;color:var(--color-text-white)}.intro-text p{max-width:700px;margin:0 auto;font-size:1.1rem;color:var(--color-text-light)}.mt-lg{margin-top:var(--spacing-xl)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.benefit-card{text-align:center;padding:var(--spacing-lg);border:1px solid #eee;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.benefit-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.icon-blue{color:var(--color-secondary);margin-bottom:var(--spacing-md)}.split-layout{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-xl)}.steps-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.step-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.step-number{background:var(--color-primary);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-weight:700}.eligibility-box{background:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-glass);height:fit-content}.eligibility-list{list-style:none;margin:var(--spacing-md) 0}.eligibility-list li{padding:8px 0;border-bottom:1px solid #eee}.eligibility-list li:last-child{border-bottom:none}.alert-box{background:#fff3cd;color:#856404;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.9rem}@media(max-width:768px){.split-layout{grid-template-columns:1fr}}.products-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white)}.section-title{text-align:center;margin-bottom:var(--spacing-xl)}.section-title p{color:var(--color-text-light);margin-top:var(--spacing-xs)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.product-card{background:#fff;border:1px solid #eee;border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:var(--transition-normal);position:relative;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--color-secondary)}.product-card::top{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.savings h3{color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.product-features{margin-top:var(--spacing-md);padding-left:var(--spacing-md);font-size:.9rem;color:var(--color-text-light)}.products-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:800px;margin:0 auto}.loan-item{background:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.loan-info h3{color:var(--color-primary);margin-bottom:4px}.loan-info p{margin:0;color:var(--color-text-light)}.btn-sm{padding:8px 16px;font-size:.85rem;background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--border-radius-sm);transition:all .2s}.btn-sm:hover{background:var(--color-primary);color:#fff}.loan-info-card{display:inline-block;background:linear-gradient(180deg,var(--color-bg-white) 0%,#fbfdff 100%);border:1px solid rgba(11,99,214,.12);color:var(--color-primary);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow-sm);font-weight:600;font-size:.9rem;text-align:center;min-width:170px}.loan-info-card:before{content:"ℹ";margin-right:8px;color:var(--color-secondary)}@media(max-width:600px){.loan-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:stretch}.contact-info{padding-right:var(--spacing-lg)}.contact-info h2{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.contact-info p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.info-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.icon-contact{color:var(--color-secondary);flex-shrink:0;margin-top:4px}.social-link{display:flex;align-items:flex-start;gap:var(--spacing-md);color:inherit;text-decoration:none}.social-link h4,.social-link p{margin:0}.info-item a{color:inherit;text-decoration:none}.info-item a:hover{text-decoration:underline}.info-item h4{margin-bottom:4px;color:var(--color-primary-dark)}.contact-form-wrapper{background:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg)}.contact-form-wrapper h3{margin-bottom:var(--spacing-md);color:var(--color-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-main)}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius-sm);font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary)}.full-width{width:100%}.map-section{filter:grayscale(20%)}.map-wrapper{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-lg);height:100%;display:flex;flex-direction:column}.map-wrapper iframe{display:block;width:100%;height:100%;min-height:280px;border:0}.map-title{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-weight:600}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-info{padding-right:0;order:1}.map-wrapper{order:2}}