:root{--p-blue:#0047FF;--t-sub:#64748b;--border:#f1f5f9;--bg:#fff;--font:'Inter','Noto Sans Sinhala',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:#fff;padding-bottom:70px}.wide-container{max-width:1440px;margin:0 auto;padding:0 20px}.top-header{padding:15px 0;border-bottom:1px solid var(--border);background:var(--bg)}.header-wrap{display:flex;justify-content:space-between;align-items:center}.main-logo{height:35px;width:auto}.header-gif{height:45px;width:auto;border-radius:6px;object-fit:cover}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg);display:flex;justify-content:space-around;padding:10px 0;border-top:1px solid var(--border);z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,0.02)}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--t-sub);font-size:12px;font-weight:600;transition:.2s}.nav-item i{font-size:20px;margin-bottom:4px}.nav-item.active{color:var(--p-blue)}.nav-item:hover{color:var(--p-blue)}@media(max-width:768px){.main-logo{height:28px}.header-gif{height:35px}}

.hero-v2{padding:40px 0 60px 0;text-align:center;background:#fff}.hero-main-title{font-size:3.2rem;font-weight:800;color:#1a1a1a;line-height:1.2;letter-spacing:-.03em;margin-bottom:20px}.accent-color{color:#e34f26}.hero-sub-para{font-size:1.15rem;font-weight:400;color:#555;line-height:1.5;max-width:1500px;margin:0 auto;letter-spacing:-.01em}@media(max-width:768px){.hero-v2{padding:30px 0 40px 0}.hero-main-title{font-size:2rem}.hero-sub-para{font-size:0.8rem;padding:0 20px}}

.small-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;padding-left:5px}.small-label i{color:#e34f26;font-size:.9rem}

.latest-feed{padding:20px 0 80px 0;background:#fff}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 40px}.post-card{display:flex;flex-direction:column;border-bottom:1px solid #f1f5f9;padding-bottom:30px;transition:.3s}.post-img-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;margin-bottom:20px}.post-cover{width:100%;height:100%;object-fit:cover;transition:.5s}.post-card:hover .post-cover{transform:scale(1.05)}.post-meta{display:flex;gap:15px;font-size:.75rem;font-weight:600;color:#555;text-transform:uppercase;margin-bottom:12px}.post-title{font-size:1.6rem;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:12px;cursor:pointer;transition:.2s}.post-title:hover{color:#e34f26}.post-desc{font-size:1rem;color:#555;line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-link{font-size:.9rem;font-weight:700;color:#e34f26;text-decoration:none;transition:.2s}.read-link:hover{text-decoration:underline}@media(max-width:768px){.post-grid{grid-template-columns:1fr}.post-title{font-size:1.4rem}}

.about-platform{padding:60px 0;background:#fcfcfc;border-top:1px solid #f1f5f9}.about-flex{display:flex;gap:40px;align-items:center}.about-text{flex:1}.about-title{font-size:2.2rem;font-weight:800;color:#1a1a1a;margin-bottom:15px}.orange{color:#e34f26}.about-para{font-size:1rem;color:#555;margin-bottom:25px;line-height:1.6}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.topic-item{font-size:.85rem;font-weight:600;color:#555;padding:8px 12px;background:#fff;border:1px solid #eee;border-radius:6px;text-align:center}.about-feature{flex:.3;display:flex;justify-content:center}.feature-card{background:#fff;padding:25px;border-radius:10px;text-align:center;border:1px solid #eee;width:100%}.feature-card i{font-size:2rem;color:#e34f26;margin-bottom:10px;display:block}.feature-card span{font-size:.85rem;font-weight:700}.featured-videos{padding:40px 0 80px 0}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.vid-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background:#000}.vid-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media(max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-flex{flex-direction:column-reverse;text-align:center}.topic-grid{grid-template-columns:repeat(2,1fr);width:100%}.about-title{font-size:1.8rem}.video-grid{grid-template-columns:1fr}.topic-item{font-size:.8rem;padding:6px}}

.modern-footer{padding:80px 0 40px 0;background:#fff;border-top:1px solid #f1f5f9;margin-top:60px}.footer-main{text-align:center;max-width:600px;margin:0 auto 60px auto}.footer-logo{height:35px;margin-bottom:20px}.footer-bio{font-size:1.05rem;color:#555;line-height:1.6;margin-bottom:30px}.social-pills{display:flex;justify-content:center;gap:15px}.s-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f8fafc;color:#1a1a1a;font-size:1.2rem;text-decoration:none;transition:.3s;border:1px solid #eee}.s-link.yt:hover{background:#FF0000;color:#fff;border-color:#FF0000}.s-link.tg:hover{background:#26A5E4;color:#fff;border-color:#26A5E4}.s-link.gh:hover{background:#333;color:#fff;border-color:#333}.s-link.tw:hover{background:#1DA1F2;color:#fff;border-color:#1DA1F2}.footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid #f1f5f9}.legal-btns{display:flex;gap:20px}.legal-btn{text-decoration:none;color:#94a3b8;font-size:.85rem;font-weight:600;transition:.2s}.legal-btn:hover{color:#e34f26}.copyright-text{font-size:.85rem;color:#94a3b8;font-weight:500}@media(max-width:768px){.footer-bottom-bar{flex-direction:column;gap:20px;text-align:center}.legal-btns{justify-content:center}}

.res-nav{background:#fff;padding:12:0;border-bottom:1px solid #eee;height:65px;display:flex;align-items:center}.nav-flex{display:flex;justify-content:space-between;width:100%}.back-logo img{height:30px}.nav-right i{font-size:1.4rem;color:#555}.search-hero{padding:60px 0;text-align:center;background:#fff;border-bottom:1px solid #f1f5f9}.res-page-title{font-size:1.8rem;font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:30px}.orange{color:#e34f26}.search-wrapper{max-width:650px;margin:0 auto;background:#f8fafc;border:1px solid #e2e8f0;padding:15px 25px;border-radius:14px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.search-wrapper input{border:none;background:0 0;outline:0;font-size:0.8rem;width:100%;font-weight:500;color:#1a1a1a}.search-hint{margin-top:15px;font-size:.7rem;color:#94a3b8}.res-content{padding:50px 0 120px 0}.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.res-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;transition:.3s}.res-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.06)}.res-thumb{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:8px;margin-bottom:18px}.res-title{font-size:1.2rem;font-weight:700;margin-bottom:12px;color:#1a1a1a;line-height:1.3}.res-desc{font-size:.9rem;color:#555;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:15px}.read-more{background:0 0;border:none;color:#e34f26;font-size:.85rem;font-weight:700;cursor:pointer;margin-bottom:20px;padding:0}.download-link{background:#1a1a1a;color:#fff;text-align:center;padding:12px;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600;transition:.2s}.download-link:hover{background:#e34f26}.pagination-area{margin-top:60px;display:flex;justify-content:center;gap:10px}.page-btn{padding:10px 18px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.page-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:2000}.modal-box{background:#fff;padding:40px;border-radius:20px;width:90%;max-width:550px;position:relative;animation:pop .3s ease-out}@keyframes pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-x{position:absolute;top:20px;right:20px;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8}
.loader-box{grid-column:1/-1;text-align:center;padding:100px 0}.spinner{width:35px;height:35px;border:3px solid #f1f5f9;border-top:3px solid #1a1a1a;border-radius:50%;margin:0 auto 15px auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-box p{font-size:.85rem;color:#94a3b8;font-weight:600;letter-spacing:0.5px}

:root{--p-blue:#3069eb;--orange:#e34f26;--t-main:#1a1a1a;--t-sub:#64748b;--border:#f1f5f9;--bg-grey:#f1f5f9}*{margin:0;padding:0;box-sizing:border-box}.community-page{background:#fff;font-family:'Inter','Noto Sans Sinhala',sans-serif;overflow-x:hidden}.view-header{height:60px;border-bottom:1px solid var(--border);display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:1001}.header-flex{display:flex;justify-content:space-between;align-items:center;width:100%}.mini-logo{height:28px}.header-icon{font-size:1.2rem;color:var(--t-sub)}.chat-viewport{padding:20px 0 180px 0;min-height:100vh}.chat-content-limit{max-width:700px;margin:0 auto}.messages-list{display:flex;flex-direction:column;gap:20px}.msg-row{display:flex;gap:12px;align-items:flex-start}.msg-avatar{width:38px;height:38px;background:var(--bg-grey);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:var(--p-blue);flex-shrink:0}.msg-bubble{background:#f8fafc;padding:12px 16px;border-radius:14px;max-width:85%;border:1px solid var(--border);position:relative}.msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:20px}.u-name{font-weight:700;font-size:.85rem;color:var(--t-main)}.m-date{font-size:.7rem;color:#94a3b8}.msg-body{font-size:.95rem;color:#333;line-height:1.5}.limit-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-btn{border:none;background:0 0;color:var(--p-blue);font-weight:700;font-size:.8rem;margin-top:5px;cursor:pointer}.admin-msg .msg-bubble{background:linear-gradient(180deg,#fff 0%,#f0f4ff 100%);border-color:var(--p-blue);box-shadow:0 4px 12px rgba(48,105,235,0.1)}.v-tick{color:var(--p-blue);font-size:.8rem;margin-left:4px}.fixed-bottom-zone{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;display:flex;flex-direction:column;border-top:1px solid var(--border);box-shadow:0 -5px 15px rgba(0,0,0,0.02)}.bottom-chat-bar{padding:70px 0;background:#fff;border-bottom:1px solid #f8fafc}.chat-input-wrapper{background:var(--bg-grey);border-radius:12px;padding:5px 5px 5px 15px;display:flex;align-items:center;gap:10px;margin:0 15px}.chat-input-wrapper input{flex:1;border:none;background:0 0;padding:10px;outline:0;font-size:.95rem;color:#333}.chat-input-wrapper button{width:42px;height:38px;border-radius:8px;border:none;background:var(--p-blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.bottom-nav{display:flex;justify-content:space-around;padding:12px 0;background:#fff}.nav-item{text-decoration:none;display:flex;flex-direction:column;align-items:center;color:var(--t-sub);font-size:.7rem;font-weight:600}.nav-item i{font-size:1.3rem;margin-bottom:3px}.nav-item.active{color:var(--p-blue)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:2000}.modal-box{background:#fff;padding:30px;border-radius:16px;width:90%;max-width:400px;text-align:center}.modal-box h3{margin-bottom:10px;font-weight:800}.modal-hint{font-size:.9rem;color:var(--t-sub);margin-bottom:20px}.modal-box input{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;margin-bottom:20px;outline:0;background:var(--bg-grey)}.guidelines-box{text-align:left;background:var(--bg-grey);padding:15px;border-radius:10px;margin-bottom:25px}.guidelines-box h4{font-size:.85rem;margin-bottom:8px}.guidelines-box ul{list-style:none;font-size:.8rem;color:var(--t-sub)}.guidelines-box li{margin-bottom:5px;display:flex;gap:8px}.accept-btn{width:100%;padding:14px;background:var(--p-blue);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}@media(max-width:768px){.chat-content-limit{padding:0 15px}.hero-title{font-size:1.8rem}}

.about-bright{background:#fff;color:#1a1a1a;padding-bottom:120px;text-align:center}.about-main{max-width:1440px;margin:0 auto;padding:20px}.services-area{margin-bottom:30px;text-align:left}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.service-card{border:1px solid #f1f5f9;border-radius:14px;padding:25px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.03);transition:.3s;display:flex;flex-direction:column;height:100%}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-shrink:0}.since-tag{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.cv-link{font-size:.75rem;color:#e34f26;text-decoration:none;font-weight:700}.service-card h3{font-size:1.25rem;font-weight:800;margin-bottom:10px;flex-shrink:0}.service-card p{font-size:.9rem;color:#555;line-height:1.5;margin-bottom:25px;flex-grow:1}.wa-action{margin-top:auto}.ask-btn{background:#1a1a1a;color:#fff;border:none;padding:12px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;width:100%;transition:.2s}.wa-input-box{margin-top:12px;display:flex;gap:8px;animation:fadeIn .3s ease}.wa-input-box input{flex:1;border:1px solid #e2e8f0;padding:10px;border-radius:8px;font-size:.85rem;outline:0}.wa-input-box button{background:#25d366;color:#fff;border:none;padding:0 15px;border-radius:8px;font-weight:700;cursor:pointer}.bio-area{margin-bottom:50px}.bio-card{background:#f8fafc;padding:40px;border-radius:16px;border:1px solid #f1f5f9;text-align:center}.bio-card h3{font-size:1.5rem;margin-bottom:15px}.bio-card p{font-size:0.8rem;line-height:1.7;color:#444;max-width:700px;margin:0 auto}.live-stats{margin-top:25px;font-size:.9rem;color:#e34f26;font-weight:800}.social-compact{margin-bottom:50px}.social-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.s-pill{text-decoration:none;padding:10px 20px;border-radius:40px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:10px;border:1px solid #eee;color:#1a1a1a;background:#fff;transition:.2s}.s-pill:hover{border-color:#1a1a1a;transform:translateY(-2px)}.s-pill span{color:#94a3b8;font-weight:400}.s-pill.yt i{color:#ff0000}.s-pill.tg i{color:#26a5e4}.s-pill.dr i{color:#34a853}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.playlist-grid iframe{width:100%;aspect-ratio:16/9;border-radius:12px;border:1px solid #f1f5f9}.final-contact{padding:40px 0;border-top:1px solid #f1f5f9}.wa-direct{color:#25d366;text-decoration:none;font-weight:800;font-size:1rem}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-card h1{font-size:1.2rem}.bio-card{padding:25px}}

/* හෙඩර් එක සිහින් කරගන්න විතරක් මේක පාවිච්චි කරපන් */
.view-header {
    height: 60px; /* උස ස්ථාවරව 60px කළා */
    display: flex;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #f1f5f9;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.mini-logo {
    height: 26px; /* ලෝගෝ එක පොඩි කළා */
    width: auto;
}

.header-right-tools {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-cta {
    text-decoration: none;
    background: #1a1a1a;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.h-icon {
    font-size: 1rem;
    color: #94a3b8;
}

/* සයිට් එකේ කොහේවත් නිල් පාට Outline පෙන්නන්න එපා */
* {
    -webkit-tap-highlight-color: transparent; /* Mobile tap blue highlight අයින් කරයි */
    outline: none !important; /* Focus outline අයින් කරයි */
}

/* සයිට් එකේ පළල හරියටම පාලනය කරන්න */
.wide-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.hero-section {
    padding: 60px 20px;
    text-align: center;
    background-color: #ffffff;
}

.hero-title {
    font-size: 2.5rem; /* අවශ්‍ය නම් සයිස් එක වෙනස් කරන්න */
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 20px;
    font-family: 'Inter', sans-serif; /* ඔයා පාවිච්චි කරන font එක මෙතනට දාන්න */
}

.hero-title .highlight {
    color: #e64a19; /* අර තැඹිලි පාට (Orange-Red color) */
}

.hero-subtitle {
    font-size: 1rem;
    color: #555555;
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto;
    font-weight: 400;
}

/* Mobile responsive - ෆෝන් එකට ගැලපෙන්න */
@media (max-width: 768px) {
    .hero-title {
        font-size: 1.7rem;
    }
    .hero-subtitle {
        font-size: 0.8rem;
        padding: 0 10px;
    }
}

.collab-section{padding:40px 20px;text-align:center;background:#fff;border-top:1px solid #eee}.collab-badge{display:inline-block;background:#ffebe6;color:#e64a19;padding:5px 15px;border-radius:50px;font-size:.8rem;font-weight:700;margin-bottom:15px;text-transform:uppercase}.collab-title{font-size:1.8rem;font-weight:800;color:#1a1a1a;margin-bottom:15px}.collab-title .highlight{color:#e64a19}.collab-desc{font-size:.9rem;color:#555;max-width:600px;margin:0 auto 20px;line-height:1.8;font-family:sans-serif}.collab-link-btn{display:inline-block;color:#e64a19;font-weight:700;text-decoration:none;font-size:.9rem;border:1px solid #e64a19;padding:8px 20px;border-radius:6px;transition:.3s}.collab-link-btn:hover{background:#e64a19;color:#fff}

.marquee-area{width:100%;background:#fff;padding:40px 0;overflow:hidden}.marquee-container{max-width:1440px;margin:0 auto;position:relative;overflow:hidden}.marquee-track{display:flex;width:calc(420px * 20);animation:scrollTrack 30s linear infinite}.m-slide{width:400px;margin-right:20px;flex-shrink:0}.m-slide img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform .3s}.m-slide img:hover{transform:scale(1.03)}@keyframes scrollTrack{0%{transform:translateX(0)}100%{transform:translateX(calc(-420px * 10))}}.marquee-container::after,.marquee-container::before{background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);content:"";height:100%;position:absolute;width:150px;z-index:2}.marquee-container::before{left:0;top:0}.marquee-container::after{right:0;top:0;transform:rotateZ(180deg)}@media (max-width:768px){.m-slide{width:300px}.marquee-track{width:calc(320px * 20)}@keyframes scrollTrack{100%{transform:translateX(calc(-320px * 10))}}}