/*
Theme Name: Alamin Mia Portfolio
Theme URI: https://example.com/
Author: Alamin Mia
Description: SEO-optimized one-page personal portfolio theme for Alamin Mia - Article Writer, SEO Theme Developer and Video Creator. Install, activate, done.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: alamin-portfolio
Tags: portfolio, one-column, custom-logo, seo, responsive
*/
:root{--bg:#0b1020;--bg2:#121935;--card:#161e3f;--tx:#e8ecff;--mu:#9aa6d6;--ac:#6c8cff;--ac2:#22d3b6;--r:18px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--tx);line-height:1.7}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1100px;margin:auto;padding:0 22px}
header.site{position:sticky;top:0;z-index:50;background:rgba(11,16,32,.85);backdrop-filter:blur(10px);border-bottom:1px solid #1e2850}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem}
.logo svg{width:38px;height:38px}
.menu{display:flex;gap:26px;list-style:none}.menu a{color:var(--mu);font-weight:600;font-size:.95rem}.menu a:hover{color:var(--ac2)}
.tog{display:none;background:none;border:0;color:var(--tx);font-size:1.6rem;cursor:pointer}
.hero{padding:90px 0 70px;background:radial-gradient(900px 400px at 80% 0,#1b2a6b55,transparent)}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.tag{color:var(--ac2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin:10px 0 16px}
h1 span{background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--mu);font-size:1.1rem;max-width:560px}
.btns{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn{padding:13px 26px;border-radius:999px;font-weight:700;background:linear-gradient(90deg,var(--ac),var(--ac2));color:#06102a}
.btn.o{background:none;border:2px solid var(--ac);color:var(--tx)}
.photo{width:100%;max-width:380px;aspect-ratio:1;margin-left:auto;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--ac),var(--ac2));box-shadow:0 20px 60px #6c8cff40}
.photo img,.photo .ph{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bg2)}
.ph{display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:800;color:var(--ac)}
section{padding:80px 0}section.alt{background:var(--bg2)}
.st{text-align:center;margin-bottom:44px}.st h2{font-size:2.1rem}.st p{color:var(--mu)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:var(--card);border:1px solid #232d5c;border-radius:var(--r);padding:30px;transition:.25s}
.card:hover{transform:translateY(-6px);border-color:var(--ac)}
.card .ic{font-size:2rem;margin-bottom:10px}.card h3{margin-bottom:8px}.card p{color:var(--mu)}
.about{max-width:780px;margin:auto;text-align:center;color:var(--mu);font-size:1.08rem}
.stats{display:flex;justify-content:center;gap:50px;margin-top:34px;flex-wrap:wrap}
.stats b{display:block;font-size:2rem;color:var(--ac2)}
.edu{max-width:640px;margin:auto}
.bars div{margin-bottom:18px}.bars span{display:flex;justify-content:space-between;font-weight:600;margin-bottom:6px}
.bars i{display:block;height:9px;border-radius:9px;background:#232d5c}.bars i b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--ac),var(--ac2))}
.contact{text-align:center}.contact .btns{justify-content:center}
footer.site{padding:30px 0;text-align:center;color:var(--mu);border-top:1px solid #1e2850}
.soc{display:flex;gap:16px;justify-content:center;margin-bottom:12px}.soc a{color:var(--ac2);font-weight:700}
.post{max-width:780px;margin:50px auto}.post h1{font-size:2rem}.post .c{color:var(--mu)}
@media(max-width:800px){.hero .wrap{grid-template-columns:1fr;text-align:center}.photo{margin:auto;order:-1;max-width:260px}.lead{margin:auto}.btns{justify-content:center}
.tog{display:block}.menu{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);flex-direction:column;padding:18px 22px;gap:14px}.menu.open{display:flex}}

.card.has-art{padding:0;overflow:hidden}.card.has-art h3,.card.has-art p{padding:0 26px}.card.has-art h3{margin-top:20px}.card.has-art p:last-child{padding-bottom:26px}
.art{width:100%;height:auto;display:block}
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:30px}
.vf{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;border:1px solid #232d5c}.vf iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.course{position:relative;display:flex;flex-direction:column;gap:6px;padding-top:56px}
.course .btn{margin-top:auto;text-align:center;align-self:flex-start}.course p{margin-bottom:14px}
.price{position:absolute;top:18px;left:30px;background:linear-gradient(90deg,var(--ac),var(--ac2));color:#06102a;font-weight:800;padding:5px 16px;border-radius:999px}
.chk{list-style:none;margin:6px 0 12px}.chk li{padding-left:28px;position:relative;margin-bottom:6px;font-weight:600}.chk li::before{content:"\2713";position:absolute;left:0;color:var(--ac2);font-weight:800}
.fbc{text-align:center}.fbi{width:52px;height:52px;margin:0 auto 10px}.big{display:block;font-size:2.8rem;line-height:1.1;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.trn{display:inline-block;margin-top:10px;padding:6px 18px;border:1px solid var(--ac2);border-radius:999px;color:var(--ac2)!important}