.yb-home{background:#edf5fc;color:#123b6e;font-family:'Noto Sans Bengali','Noto Sans',Arial,sans-serif}
.yb-header{background:linear-gradient(110deg,#07356f,#0750a2 58%,#1688e8);color:#fff;box-shadow:0 2px 12px rgba(3,36,78,.22)}
.yb-brand-wrap{max-width:1500px;margin:auto;min-height:108px;padding:12px 28px;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:18px}
.yb-logo{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:56px;background:radial-gradient(circle at 50% 42%,#fff56b 0 15%,#ffc400 16% 34%,#f38b00 35% 43%,transparent 44%),linear-gradient(#fff,#fff);border:4px solid #fff;box-shadow:0 0 0 4px rgba(255,211,31,.8),0 6px 16px rgba(0,0,0,.2);color:#ffb000}
.yb-brand-title{font-size:37px;line-height:1.15;display:flex;align-items:baseline;gap:8px;font-weight:900}.yb-brand-title strong{color:#ffd51a}.yb-brand-title span{color:#fff}
.yb-meta{display:flex;gap:10px;font-size:14px;margin-top:5px}.yb-meta i{opacity:.6}.yb-address{font-size:12px;margin-top:5px}.yb-motto{font-size:18px;align-self:start;padding-top:8px;white-space:nowrap}
.yb-nav{background:#fff;border-bottom:1px solid #c8d8e9;box-shadow:0 3px 10px rgba(13,57,100,.09);position:sticky;top:0;z-index:20}.yb-nav-inner{max-width:1500px;margin:auto;display:flex;align-items:center;min-height:48px;padding:0 20px}.yb-nav-links{display:flex;align-items:center;gap:2px;flex:1}.yb-nav-links a{color:#123d72;text-decoration:none;font-weight:800;font-size:13px;padding:14px 12px;white-space:nowrap;border-bottom:3px solid transparent}.yb-nav-links a:hover,.yb-nav-links a.active{background:#f1f7fd;border-bottom-color:#1264ba}.yb-nav-actions{display:flex;gap:8px}.yb-login,.yb-register{padding:9px 15px;border-radius:8px;text-decoration:none;font-weight:900;font-size:13px}.yb-login{background:#0a4d92;color:#fff}.yb-register{background:#ffd21b;color:#183f72}.yb-mobile-btn{display:none;border:0;background:#0b4d91;color:#fff;border-radius:7px;padding:9px 12px;font-size:18px}
.yb-notice-strip{max-width:1460px;margin:10px auto 0;background:#fff;border:1px solid #d0dfed;border-radius:10px;display:grid;grid-template-columns:180px 1fr 120px;overflow:hidden;box-shadow:0 3px 12px rgba(10,53,95,.08)}.yb-notice-title{background:#0c4f97;color:#fff;padding:12px 16px;font-size:15px}.yb-ticker{display:flex;align-items:center;gap:10px;min-width:0;padding:0 12px;font-size:13px}.yb-ticker span{background:#e32222;color:#fff;border-radius:5px;padding:4px 7px;font-weight:900;font-size:10px}.yb-ticker div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yb-date{display:grid;place-items:center;font-weight:800;color:#496681;font-size:12px;border-left:1px solid #dce7f0}
.yb-main{max-width:1460px;margin:10px auto 40px}.yb-top-grid{display:grid;grid-template-columns:minmax(0,2fr) 330px 250px;gap:12px}.yb-hero{min-height:230px;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(135deg,#07519b,#0e8fe8);background-image:var(--yb-hero),linear-gradient(135deg,#07519b,#0e8fe8);background-size:cover;background-position:center}.yb-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,45,99,.94) 0%,rgba(4,62,123,.74) 45%,rgba(5,71,135,.18) 100%)}.yb-hero-sun{position:absolute;right:18%;top:18%;font-size:120px;color:#ffc400;text-shadow:0 0 15px #fff36c;opacity:.9}.yb-hero-copy{position:relative;z-index:2;color:#fff;padding:28px 30px;max-width:600px}.yb-kicker{font-size:17px;font-weight:800}.yb-hero h1{font-size:28px;line-height:1.25;margin:4px 0 10px}.yb-hero h1 strong{font-size:20px}.yb-hero p{font-size:14px;max-width:550px;margin:0 0 14px}.yb-actions{display:flex;gap:9px}.yb-btn{display:inline-block;padding:9px 14px;border-radius:6px;text-decoration:none;font-weight:900;font-size:13px}.yb-btn.blue{background:#0c7de3;color:#fff}.yb-btn.light{background:#fff;color:#0a4f93}
.yb-info-card,.yb-quick-card,.yb-panel{background:#fff;border:1px solid #d2e0ed;border-radius:9px;box-shadow:0 3px 12px rgba(10,53,95,.08);overflow:hidden}.yb-panel-title{background:linear-gradient(90deg,#07509b,#0b68bf);color:#fff;font-weight:900;padding:9px 13px;font-size:15px}.yb-stat-line{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #e5edf4;font-size:12px}.yb-stat-line:last-child{border-bottom:0}.yb-stat-line strong{font-size:15px}.ico{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff}.ico.cyan{background:#1ba9ce}.ico.green{background:#31a55c}.ico.orange{background:#e87538}.ico.purple{background:#8b49bd}.yb-quick-card{padding-bottom:9px}.yb-quick-card>a{display:block;margin:7px 9px 0;padding:8px 10px;border-radius:6px;color:#fff;text-decoration:none;font-weight:900;font-size:12px;background:#0b72d2}.yb-quick-card>a:nth-child(3){background:#20a34b}.yb-quick-card>a:nth-child(4){background:#8b42b5}.yb-quick-card>a:nth-child(5){background:#ef7c36}.yb-quick-card>a:nth-child(6){background:#0a9ab6}
.yb-icon-menu{display:grid;grid-template-columns:repeat(9,1fr);margin:10px 0;background:#fff;border:1px solid #d3e1ef;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px rgba(10,53,95,.06)}.yb-icon-menu a{padding:10px 5px;text-align:center;text-decoration:none;color:#174a7e;font-size:11px;font-weight:900;border-right:1px solid #e0eaf2}.yb-icon-menu a:last-child{border-right:0}.yb-icon-menu span{display:block;font-size:22px;margin-bottom:2px}
.yb-dashboard-grid{display:grid;grid-template-columns:300px 210px minmax(340px,1.2fr) minmax(260px,1fr);gap:10px;align-items:start}.yb-registration-panel,.yb-login-panel,.yb-committee-panel,.yb-dues-panel,.yb-gallery-panel,.yb-event-panel{min-height:100%}.yb-registration-panel{grid-row:span 2}.yb-login-panel{padding-bottom:15px;text-align:center}.yb-subtitle{font-weight:900;font-size:12px;padding:10px 12px 0}.yb-mini-form{padding:7px 11px;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.yb-mini-form label{font-size:10px;font-weight:900;color:#44647f}.yb-mini-form input,.yb-mini-form select{width:100%;box-sizing:border-box;min-height:30px;border:1px solid #cfdeeb;border-radius:5px;padding:5px 7px;font-size:11px;background:#fff}.yb-photo-box{grid-column:1/-1;min-height:52px;border:1px dashed #b8cbdc;border-radius:6px;display:grid;place-items:center;text-decoration:none;color:#0b5a9e;background:#f8fbfe;font-size:18px}.yb-photo-box span{font-size:11px;font-weight:900}.yb-photo-box small{font-size:9px}.yb-green-btn,.yb-full-btn,.yb-view-btn,.yb-upload-panel>a,.yb-vote-panel>a,.yb-pad-panel>a,.yb-qr-panel>a{display:block;text-align:center;background:#18aa66;color:#fff;text-decoration:none;border-radius:5px;padding:8px;font-weight:900;font-size:11px;grid-column:1/-1}.yb-login-art{font-size:58px;color:#ffbf00;margin:15px 0 4px}.yb-login-panel h3{margin:0;color:#113f76}.yb-login-panel p{font-size:11px;color:#71859a;padding:0 15px}.yb-full-btn{background:#0876d1;margin:10px 15px}.yb-forgot{font-size:10px;color:#1a64a3}.yb-committee-panel{grid-column:3/4}.yb-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.yb-person-card{border:1px solid #d7e3ed;border-radius:7px;padding:8px;display:grid;grid-template-columns:45px 1fr;gap:2px 8px;position:relative}.yb-person-card img,.yb-person-avatar{width:45px;height:55px;object-fit:cover;border-radius:5px;grid-row:1/5;background:#e8f1f8;display:grid;place-items:center}.yb-person-role{font-size:9px;background:#0b6bc0;color:#fff;border-radius:3px;padding:2px 5px;display:inline-block}.yb-person-card strong{font-size:11px}.yb-person-card small{font-size:8px;color:#75889a}.yb-person-card a{font-size:8px;color:#0b68bb;text-decoration:none}.yb-dues-panel{grid-column:4/5}.yb-dues-note{padding:14px;font-size:11px;color:#5d7188}.yb-dues-note a{color:#075eae;font-weight:900}.yb-dues-table{padding:0 12px}.yb-dues-table div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e2ebf2;font-size:11px}.yb-dues-table b{color:#0a4d91}.yb-total{display:flex;justify-content:space-between;padding:14px 12px;font-size:13px}.yb-total b{color:#e21e2a}.yb-gallery-panel{grid-column:3/4}.yb-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px}.yb-gallery-item{height:72px;position:relative;border-radius:5px;overflow:hidden;background:#dfeaf3}.yb-gallery-item img,.yb-gallery-item video{width:100%;height:100%;object-fit:cover}.yb-gallery-item span{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;padding:3px 5px;font-size:8px}.yb-gallery-item>b{position:absolute;top:5px;right:5px;background:#fff;color:#0b5c9e;border-radius:50%;padding:3px 5px;font-size:9px}.yb-gallery-placeholder{grid-column:1/-1;padding:30px 10px;text-align:center;font-size:11px;color:#7890a5}.yb-view-btn{background:#eaf3fb;color:#0a5b9e;margin:0 9px 9px}.yb-event-panel{grid-column:4/5}.yb-event-row{display:grid;grid-template-columns:45px 1fr;gap:9px;padding:9px;border-bottom:1px solid #e2ebf2}.yb-event-date{width:40px;height:40px;background:#0a70ca;color:#fff;border-radius:6px;display:grid;place-items:center}.yb-event-date.green{background:#1ba458}.yb-event-date b{font-size:15px;line-height:1}.yb-event-date small{font-size:8px}.yb-event-row strong{display:block;font-size:11px;color:#183f70}.yb-event-row span{font-size:9px;color:#71879d}
.yb-service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.yb-service-row a{background:#fff;border:1px solid #d2e0ed;border-radius:8px;padding:12px;text-decoration:none;color:#164a7d;box-shadow:0 2px 8px rgba(10,53,95,.06)}.yb-service-row b{display:block;font-size:12px}.yb-service-row span{font-size:10px;color:#75899d}
.yb-bottom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.yb-bottom-grid .yb-panel{min-height:170px}.yb-qr-panel,.yb-pad-panel,.yb-upload-panel,.yb-vote-panel{padding-bottom:10px}.yb-qr-fake{font-size:82px;text-align:center;line-height:1;padding:10px;color:#111}.yb-qr-panel p,.yb-vote-panel p{font-size:10px;padding:0 12px;color:#71879c;text-align:center}.yb-qr-panel>a,.yb-pad-panel>a,.yb-upload-panel>a,.yb-vote-panel>a{margin:0 10px;background:#0b5fa8}.yb-pad-preview{margin:10px;border:1px solid #d3dfea;border-radius:5px;min-height:85px;display:grid;place-items:center;text-align:center;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),radial-gradient(circle,#f6c93a55,transparent 50%)}.yb-pad-preview b{font-size:13px}.yb-pad-preview span,.yb-pad-preview i{font-size:9px}.yb-upload-box{margin:12px;border:1px dashed #b6c9d9;border-radius:6px;min-height:75px;display:grid;place-items:center;text-align:center;font-size:30px}.yb-upload-box span{font-size:10px}.yb-lock{text-align:center;font-size:48px;padding:18px 0 3px}
.yb-unpaid{margin-top:12px;background:#fff;border:1px solid #efc9c9;border-radius:10px;padding:15px;display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.yb-unpaid>div:first-child>span{font-size:9px;color:#c33;font-weight:900}.yb-unpaid h2{font-size:18px;margin:2px 0}.yb-unpaid p{font-size:11px;color:#718397}.yb-unpaid-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.yb-unpaid-list b{color:#c9212a;background:#fff4f4;border:1px solid #f1d0d0;border-radius:5px;padding:7px;font-size:10px}.yb-unpaid-list small{display:block;color:#9b6a6a;font-weight:500;margin-top:2px}
.yb-about{margin-top:12px;background:linear-gradient(120deg,#fff,#f4f9fd);border:1px solid #d3e0ed;border-radius:10px;padding:18px;display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:22px}.yb-about>div:first-child>span{font-size:9px;color:#0b6bbf;font-weight:900}.yb-about h2{font-size:22px;margin:4px 0 7px}.yb-about p,.yb-contact-box p{font-size:11px;color:#62778c}.yb-about-facts{display:flex;gap:8px;align-items:center}.yb-about-facts b{background:#fff;border:1px solid #d5e2ec;border-radius:7px;padding:10px;text-align:center;font-size:13px;min-width:80px}.yb-about-facts small{display:block;font-size:8px;color:#71879b;font-weight:500}.yb-contact-box{background:#0b4e92;color:#fff;border-radius:8px;padding:13px}.yb-contact-box p{color:#dcecff;margin:5px 0}.yb-contact-box a{display:inline-block;color:#123f73;background:#ffd31b;padding:7px 10px;border-radius:5px;text-decoration:none;font-size:10px;font-weight:900;margin-top:4px}
.yb-footer{background:#06376e;color:#dcecff;margin-top:25px;padding:25px max(20px,calc((100% - 1460px)/2));display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr;gap:20px;font-size:10px}.yb-footer>div{display:flex;flex-direction:column;gap:6px}.yb-footer b{font-size:16px;color:#fff}.yb-footer a{color:#dcecff;text-decoration:none}.yb-footer span{display:block}
@media(max-width:1150px){.yb-brand-wrap{grid-template-columns:90px 1fr}.yb-logo{width:76px;height:76px;font-size:44px}.yb-motto{display:none}.yb-top-grid{grid-template-columns:1.7fr 1fr}.yb-quick-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:9px}.yb-quick-card .yb-panel-title{grid-column:1/-1}.yb-dashboard-grid{grid-template-columns:280px 1fr 1fr}.yb-registration-panel{grid-row:span 2}.yb-login-panel{grid-column:2/3}.yb-committee-panel{grid-column:3/4}.yb-dues-panel,.yb-gallery-panel,.yb-event-panel{grid-column:auto}.yb-icon-menu{grid-template-columns:repeat(5,1fr)}.yb-bottom-grid{grid-template-columns:1fr 1fr}.yb-footer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.yb-brand-wrap{min-height:82px;padding:8px 12px;grid-template-columns:58px 1fr}.yb-logo{width:54px;height:54px;font-size:30px;border-width:3px}.yb-brand-title{font-size:20px;display:block}.yb-brand-title strong{font-size:22px}.yb-meta{font-size:9px}.yb-address{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yb-nav-inner{padding:6px 10px;min-height:50px}.yb-mobile-btn{display:block}.yb-nav-links{display:none;position:absolute;left:8px;right:8px;top:50px;background:#07376f;border-radius:0 0 9px 9px;flex-direction:column;align-items:stretch;padding:8px;box-shadow:0 12px 25px rgba(0,0,0,.2)}.yb-nav-links.open{display:flex}.yb-nav-links a{color:#fff;padding:10px 12px;border:0}.yb-nav-actions{margin-left:auto}.yb-login,.yb-register{font-size:10px;padding:8px 9px}.yb-notice-strip{margin:8px 8px 0;grid-template-columns:1fr}.yb-notice-title{font-size:12px}.yb-date{border:0;padding:7px}.yb-main{margin:8px}.yb-top-grid{grid-template-columns:1fr}.yb-hero{min-height:250px}.yb-hero-copy{padding:22px 18px}.yb-hero h1{font-size:25px}.yb-hero h1 strong{font-size:17px}.yb-hero-sun{font-size:90px;right:5%;top:28%}.yb-quick-card{display:block}.yb-quick-card .yb-panel-title{display:block}.yb-icon-menu{grid-template-columns:repeat(3,1fr)}.yb-icon-menu a{font-size:9px}.yb-dashboard-grid{grid-template-columns:1fr}.yb-registration-panel,.yb-login-panel,.yb-committee-panel,.yb-dues-panel,.yb-gallery-panel,.yb-event-panel{grid-column:auto;grid-row:auto}.yb-people-grid{grid-template-columns:1fr 1fr}.yb-gallery-grid{grid-template-columns:repeat(2,1fr)}.yb-service-row,.yb-bottom-grid{grid-template-columns:1fr 1fr}.yb-unpaid,.yb-about{grid-template-columns:1fr}.yb-about-facts{flex-wrap:wrap}.yb-footer{grid-template-columns:1fr}.yb-footer>div{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:430px){.yb-icon-menu{grid-template-columns:repeat(2,1fr)}.yb-service-row,.yb-bottom-grid{grid-template-columns:1fr}.yb-people-grid{grid-template-columns:1fr}.yb-unpaid-list{grid-template-columns:1fr}.yb-brand-title span{display:block;font-size:15px}.yb-actions{flex-wrap:wrap}.yb-ticker{font-size:10px}}

/* Exact club logo from approved Home Page sample */
.yb-logo{overflow:hidden;background:transparent;border:0;box-shadow:none;border-radius:0}
.yb-logo img{width:100%;height:100%;object-fit:contain;display:block}
.yb-pad-preview b{display:flex;align-items:center;gap:8px}.yb-pad-preview b img{width:42px;height:30px;object-fit:contain}.yb-footer-logo{width:42px;height:28px;object-fit:contain;vertical-align:middle}