26/05/2026
এক ক্লিকেই জেনে নিন আপনার তথ্য
BWA Mini Marathon 2026 - Participant Search
* { margin:0; padding:0; box-sizing:border-box; }
body { background: ; min-height:100vh; font-family:'Noto Sans Bengali',sans-serif; color: ; }bg { position:fixed; inset:0; background:radial-gradient(ellipse at 50% 0%, 0%, 70%); z-index:0; }container { position:relative; z-index:1; max-width:520px; margin:0 auto; padding:24px 16px 40px; }
/* Venue change notice */venue-notice {
background:linear-gradient(135deg, rgba(255,180,0,0.15), rgba(255,120,0,0.08));
border:1px solid rgba(255,180,0,0.4);
border-left:4px solid ;
border-radius:10px;
padding:12px 16px;
margin-bottom:16px;
animation:pulse 2s infinite;
}
pulse { 0%,100%{border-left-color: } 50%{border-left-color: } }notice-title { font-family:'Bebas Neue',cursive; font-size:13px; letter-spacing:2px; color: ; margin-bottom:4px; }notice-text { font-size:12px; color:rgba(255,255,255,0.8); line-height:1.6; }notice-text strong { color: ; }
header { display:flex; align-items:center; gap:12px; margin-bottom:16px; padding:14px; background:rgba(255,255,255,0.04); border:1px solid rgba(138,220,40,0.2); border-radius:14px; }logo { width:52px; height:52px; border-radius:50%; border:2px solid ; object-fit:cover; box-shadow:0 0 14px rgba(138,220,40,0.3); }header-text .title { font-family:'Bebas Neue',cursive; font-size:17px; letter-spacing:3px; color: ; line-height:1.1; }header-text .sub { font-size:10px; color:rgba(255,255,255,0.45); letter-spacing:1px; margin-top:2px; }header-text .date { font-size:11px; color:rgba(232,255,0,0.7); margin-top:3px; }
stats-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }stat-box { background:rgba(255,255,255,0.04); border:1px solid rgba(138,220,40,0.15); border-radius:10px; padding:10px 8px; text-align:center; }stat-val { font-family:'Bebas Neue',cursive; font-size:22px; color: ; letter-spacing:1px; }stat-lbl { font-size:9px; color:rgba(255,255,255,0.4); letter-spacing:1px; margin-top:1px; }
filter-tabs { display:flex; gap:8px; margin-bottom:14px; }tab { flex:1; padding:8px; border-radius:8px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.5); font-family:'Bebas Neue',cursive; font-size:13px; letter-spacing:2px; cursor:pointer; text-align:center; transition:all 0.2s; }tab.active { background:rgba(138,220,40,0.15); border-color:rgba(138,220,40,0.4); color: ; }
search-wrap { background:rgba(255,255,255,0.05); border:1px solid rgba(138,220,40,0.3); border-radius:14px; padding:16px; margin-bottom:14px; }search-label { font-size:13px; color:rgba(255,255,255,0.7); margin-bottom:10px; display:block; }search-label strong { color: ; }input-row { display:flex; gap:10px; }search-input { flex:1; background:rgba(0,0,0,0.4); border:1px solid rgba(138,220,40,0.3); border-radius:10px; padding:13px 16px; color: ; font-size:14px; font-family:'Noto Sans Bengali',sans-serif; outline:none; transition:border-color 0.2s; }search-input:focus { border-color: ; box-shadow:0 0 0 2px rgba(138,220,40,0.15); }search-input::placeholder { color:rgba(255,255,255,0.25); }search-btn { background:linear-gradient(135deg, , ); color: ; border:none; border-radius:10px; padding:13px 20px; font-family:'Bebas Neue',cursive; font-size:16px; letter-spacing:2px; cursor:pointer; }
result-card { background:rgba(255,255,255,0.04); border:1px solid rgba(138,220,40,0.25); border-top:3px solid ; border-radius:14px; padding:20px; display:none; animation:fadeIn 0.3s ease; margin-bottom:12px; }
fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }result-header { display:flex; align-items:center; gap:12px; margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.08); }result-avatar { width:50px; height:50px; border-radius:50%; background:linear-gradient(135deg, , ); display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:900; color: ; flex-shrink:0; }result-name { font-size:16px; font-weight:900; color: ; line-height:1.3; }result-status { display:inline-block; background:rgba(138,220,40,0.15); border:1px solid rgba(138,220,40,0.3); border-radius:10px; padding:2px 10px; font-size:10px; color: ; letter-spacing:1px; font-family:'Bebas Neue',cursive; margin-top:4px; }info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }info-box { background:rgba(0,0,0,0.3); bor