*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#0879c9;--blue2:#0d4ed7;--orange:#ff5a00;--gold:#ffb21c;--text:#182338;--muted:#697386;--line:#e3eaf2;--soft:#f5f8fc;--white:#fff;--dark:#0e1722}
html{scroll-behavior:smooth}body{font-family:Arial,"Noto Sans Bengali",sans-serif;color:var(--text);background:#fff;line-height:1.65;overflow-x:hidden}a{text-decoration:none;color:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(8,121,201,.08),transparent 25%),radial-gradient(circle at 90% 55%,rgba(255,90,0,.06),transparent 24%);z-index:-3}.bg-decor{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-2;opacity:.5}.decor-one{width:260px;height:260px;left:-150px;top:28%;background:radial-gradient(circle,#0879c9 0,rgba(8,121,201,0) 70%)}.decor-two{width:320px;height:320px;right:-180px;top:58%;background:radial-gradient(circle,#ff8a00 0,rgba(255,90,0,0) 70%)}.dot-field{position:fixed;right:2%;top:32%;width:150px;height:230px;background-image:radial-gradient(#0b76c7 1.2px,transparent 1.2px);background-size:16px 16px;opacity:.12;z-index:-1}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);border-top:2px solid var(--orange);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{max-width:1450px;margin:auto;min-height:72px;padding:0 24px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-logo{width:42px;height:42px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#101010;border:1px solid #e1e6ed;flex:none}.brand-logo img{width:100%;height:100%;object-fit:contain;padding:3px}.brand-text{font-size:18px;color:#2369a3;white-space:nowrap}.brand-text b{color:#ef5a16}.search-box{height:42px;display:flex;flex:1;max-width:310px;background:#f1f3f6;border-radius:24px;overflow:hidden}.search-box input{border:0;outline:0;background:transparent;padding:0 16px;flex:1;font-size:14px}.search-box button{width:45px;border:0;background:var(--blue);color:#fff;font-size:20px;cursor:pointer}.main-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.main-nav a{font-size:14px;padding:10px 10px;border-radius:20px;white-space:nowrap;transition:.25s}.main-nav a:hover,.main-nav .active{background:#e9f4fc;color:var(--blue)}.header-actions{display:flex;gap:8px;align-items:center}.theme-btn,.lang-btn{border:1px solid #dfe6ef;background:#edf4ff;height:34px;border-radius:20px;cursor:pointer;font-weight:800}.theme-btn{width:44px}.lang-btn{padding:0 13px;color:var(--blue)}.login-btn{background:var(--orange);color:#fff;padding:11px 18px;border-radius:24px;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 7px 18px rgba(255,90,0,.18);transition:.25s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,90,0,.3)}
.hero{max-width:1450px;margin:auto;padding:76px 7% 95px;min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;position:relative}.hero:after{content:"";position:absolute;width:260px;height:260px;right:10%;top:12%;border:1px solid rgba(8,121,201,.15);border-radius:50%;box-shadow:0 0 0 30px rgba(8,121,201,.025),0 0 0 60px rgba(255,90,0,.018);z-index:-1}.eyebrow,.section-heading span,.academy span{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--blue)}.hero h1{font-size:52px;line-height:1.15;margin:13px 0 8px}.hero h1 span{color:var(--blue)}.hero h2{font-size:22px;color:#46546a;margin-bottom:18px}.hero p{max-width:650px;color:var(--muted);font-size:17px}.hero-buttons{display:flex;gap:12px;margin-top:28px}.primary-btn,.secondary-btn,.white-btn{padding:13px 22px;border-radius:9px;font-weight:700;display:inline-block}.primary-btn{background:linear-gradient(100deg,#0879c9,#155bd5);color:#fff;box-shadow:0 12px 30px rgba(8,121,201,.2)}.secondary-btn{border:1px solid #cfdbe8;color:var(--blue);background:rgba(255,255,255,.55)}.primary-btn,.secondary-btn{transition:.25s}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}
.shine-btn{position:relative;overflow:hidden}.shine-btn:after{content:"";position:absolute;top:-80%;left:-45%;width:35%;height:260%;transform:rotate(25deg);background:rgba(255,255,255,.3);animation:shine 3.8s infinite}.hero-visual{display:flex;justify-content:center}.profile-frame{position:relative;width:min(100%,470px);height:520px;border-radius:28px;overflow:hidden;background:#111;box-shadow:0 28px 70px rgba(8,121,201,.22);border:7px solid #fff}.profile-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.profile-overlay{position:absolute;left:0;right:0;bottom:0;padding:30px 28px 26px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.02));display:flex;flex-direction:column}.profile-overlay span{font-size:11px;letter-spacing:3px;color:#ffd06a;font-weight:800}.profile-overlay strong{font-size:28px;line-height:1.2;margin-top:6px}.profile-overlay small{font-size:14px;opacity:.9;margin-top:4px}
.section{max-width:1200px;margin:auto;padding:88px 24px}.section-heading{text-align:center;margin-bottom:42px}.section-heading h2{font-size:36px;margin:5px 0}.section-heading p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.info-card{border:1px solid var(--line);border-radius:18px;padding:30px;background:rgba(255,255,255,.9);position:relative;overflow:hidden}.mini-label{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:2px}.info-card h3{margin:6px 0 9px}.info-card p{color:var(--muted)}.lift-card{transition:.3s}.lift-card:hover{transform:translateY(-8px);box-shadow:0 18px 45px rgba(8,121,201,.12)}
.services-section{max-width:none;padding-left:5%;padding-right:5%;background:linear-gradient(180deg,#f8fbff 0,#eef4fb 100%);position:relative}.services-section:before,.services-section:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.services-section:before{width:260px;height:260px;left:-150px;top:120px;background:radial-gradient(circle,rgba(8,121,201,.18),transparent 70%)}.services-section:after{width:300px;height:300px;right:-180px;bottom:80px;background:radial-gradient(circle,rgba(255,128,0,.14),transparent 70%)}.cards{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:1}.service-card{min-height:390px;border:1px solid rgba(207,219,232,.9);border-radius:20px;padding:30px 24px 25px;background:rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(24,35,56,.05);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.service-card:before{content:"";position:absolute;width:110px;height:110px;right:-55px;top:-55px;background:rgba(255,177,44,.13);border-radius:50%}.service-card:after{content:"";position:absolute;width:70px;height:70px;left:-45px;bottom:-35px;border:1px solid rgba(8,121,201,.16);border-radius:50%}.service-card:hover{transform:translateY(-12px) scale(1.012);border-color:rgba(8,121,201,.35);box-shadow:0 24px 55px rgba(8,121,201,.18),0 0 28px rgba(255,128,0,.07)}.card-accent{position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),var(--orange));transform:scaleX(.25);transform-origin:left;transition:.35s}.service-card:hover .card-accent{transform:scaleX(1)}.icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff9d00,#ff5a00);font-size:33px;box-shadow:0 12px 28px rgba(255,116,0,.2);margin-bottom:18px;transition:.35s}.service-card:hover .icon{transform:rotate(-5deg) scale(1.08)}.service-card h3{font-size:21px;line-height:1.3;margin-bottom:10px;color:#073779}.service-card p{color:var(--muted);font-size:15px;min-height:72px}.order-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px;min-width:172px;padding:12px 19px;border-radius:28px;background:linear-gradient(100deg,#103f8d,#2861db);color:#fff;font-weight:800;position:relative;overflow:hidden;box-shadow:0 12px 25px rgba(20,73,160,.2);transition:transform .28s,box-shadow .28s}.order-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 50%,transparent 75%);transform:translateX(-120%);transition:.6s}.order-btn{animation:buttonGlow 3.4s ease-in-out infinite}.order-btn:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 18px 36px rgba(20,73,160,.38),0 0 22px rgba(8,121,201,.22)}.order-btn:hover:before{transform:translateX(120%)}.order-btn b{font-size:22px;line-height:1;transition:.3s}.order-btn:hover b{transform:translateX(7px);animation:arrowPulse .8s infinite alternate}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-item{height:210px;border-radius:18px;border:1px dashed #b9c8d8;background:linear-gradient(135deg,#f9fbfd,#eef5fc);display:grid;place-items:center;color:#7c8b9d;font-weight:700;transition:.3s}.portfolio-item:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(8,121,201,.1)}.academy{max-width:1200px;margin:10px auto 70px;padding:45px;border-radius:24px;background:linear-gradient(110deg,#0879c9,#07599b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 25px 55px rgba(8,121,201,.2);position:relative;overflow:hidden}.academy:after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;border:45px solid rgba(255,255,255,.07)}.academy h2{font-size:30px;margin:5px 0}.academy p{opacity:.88}.white-btn{background:#fff;color:var(--blue);white-space:nowrap;position:relative;z-index:2}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff;transition:.25s}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.contact-card b{color:var(--blue)}.contact-card span{color:var(--muted)}
.footer{margin-top:20px;padding:95px 5% 20px;background:linear-gradient(145deg,#08111d,#102b48 65%,#08203a);color:#fff;position:relative;overflow:hidden}.footer-wave{position:absolute;left:-5%;right:-5%;top:-58px;height:90px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}.footer:before{content:"";position:absolute;width:260px;height:260px;right:-120px;bottom:-100px;border-radius:50%;border:50px solid rgba(255,165,0,.08)}.footer:after{content:"";position:absolute;left:8%;bottom:20%;width:140px;height:100px;background-image:radial-gradient(#55a8e8 1px,transparent 1px);background-size:13px 13px;opacity:.18}.footer-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;position:relative;z-index:2}.footer .brand-text{color:#fff}.footer p{color:#aebdcd;margin-top:15px}.footer h3{font-size:13px;letter-spacing:1px;margin-bottom:15px;color:#ffb52e}.footer-grid>div>a:not(.footer-brand){display:block;color:#b9c6d5;margin:9px 0;font-size:14px;transition:.2s}.footer-grid>div>a:not(.footer-brand):hover{color:#fff;transform:translateX(4px)}.socials{display:flex;gap:9px}.socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:rgba(255,255,255,.06);transition:.25s}.socials a:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-4px)}.work-together{display:inline-block!important;margin-top:20px!important;padding:11px 16px;border-radius:22px;background:linear-gradient(100deg,#0879c9,#6a3df0);color:#fff!important;font-weight:800!important}.copyright{max-width:1300px;margin:35px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#9eafc0;text-align:center;position:relative;z-index:2}.copyright strong{color:#ffb52e}.scroll-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border:0;border-radius:50%;background:linear-gradient(145deg,#0879c9,#1d55cf);color:#fff;font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(8,121,201,.3);opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;z-index:60}.scroll-top.show{opacity:1;visibility:visible;transform:none}.scroll-top:hover{transform:translateY(-4px)}
.dark{--text:#eef3f8;--muted:#aeb9c7;--line:#293544;--soft:#151d27;background:#0e1722}.dark .site-header{background:rgba(14,23,34,.9)}.dark .search-box{background:#1b2531}.dark .secondary-btn{border-color:#405064;background:#101a26}.dark .info-card,.dark .service-card,.dark .contact-card{background:#121d29;border-color:#293849}.dark .services-section{background:linear-gradient(180deg,#101b27,#0d1722)}.dark .service-card h3{color:#dceeff}.dark .portfolio-item{background:#121d29;border-color:#405064}.dark .theme-btn,.dark .lang-btn{background:#162536;border-color:#33485e}.dark .footer-wave{background:#0e1722}.dark .section-heading p,.dark .hero h2{color:#aeb9c7}
@keyframes shine{0%,45%{left:-55%}75%,100%{left:120%}}@keyframes arrowPulse{to{transform:translateX(10px)}}@keyframes buttonGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(8,121,201,0))}50%{filter:drop-shadow(0 0 7px rgba(8,121,201,.18))}}@keyframes floatDecor{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,-10px,0)}}.bg-decor{animation:floatDecor 8s ease-in-out infinite}.decor-two{animation-delay:-3s}
@media(max-width:1100px){.main-nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{justify-content:flex-start}.profile-frame{width:min(100%,560px)}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.header-inner{padding:0 14px}.brand{min-width:auto}.brand-text{font-size:16px}.brand-logo{width:38px;height:38px}.search-box{display:none}.header-actions{margin-left:auto}.theme-btn{width:38px}.lang-btn{padding:0 10px}.login-btn{padding:9px 12px;font-size:12px}.hero{padding:58px 22px 65px;gap:42px}.hero h1{font-size:38px}.hero h2{font-size:18px}.hero p{font-size:15px}.hero-buttons{flex-wrap:wrap}.profile-frame{height:460px;border-radius:22px}.profile-overlay strong{font-size:23px}.section{padding:70px 22px}.section-heading h2{font-size:30px}.about-grid,.cards,.portfolio-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.service-card{min-height:360px}.academy{margin:0 22px 50px;padding:30px;display:block}.white-btn{margin-top:20px}.footer{padding:90px 22px 20px}.footer-wave{top:-40px;height:65px}.scroll-top{right:16px;bottom:16px}.dot-field{display:none}}