:root{--bg:#f7f7f9;--bg-gradient:radial-gradient(circle at top left,rgba(219,234,254,.75) 0%,rgba(240,249,255,.9) 28%,#f7f7f9 62%),linear-gradient(180deg,#eef6ff,#f8fbff 35%,#f7f7f9);--fg:#111827;--accent:#2563eb}html{scroll-behavior:smooth}#__next,body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg-gradient);background-repeat:no-repeat;background-attachment:fixed;color:var(--fg);line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:1.25rem}.site-header{background:#fff;border-bottom:1px solid #e6e6e9;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 18px 60px rgba(15,23,42,.08)}.header-inner{justify-content:space-between;padding:1rem 0;gap:1rem}.header-inner,.logo-link{display:flex;align-items:center}.logo-link{text-decoration:none}.logo-img{width:56px;height:56px;border-radius:24px;box-shadow:0 18px 60px rgba(37,99,235,.17);object-fit:contain}.nav-links{display:flex;align-items:center;gap:.75rem;justify-content:center;flex:1 1;flex-wrap:wrap}.nav-link{position:relative;color:#475569;text-decoration:none;font-weight:700;padding:.75rem 1rem}.nav-link,.nav-link:after{border-radius:999px;transition:all .2s ease}.nav-link:after{content:"";position:absolute;left:50%;bottom:.4rem;width:0;height:3px;background:var(--accent);transform:translateX(-50%)}.nav-link:focus-visible:after,.nav-link:hover:after{width:50%}.nav-link:focus-visible,.nav-link:hover{color:var(--fg);background:rgba(37,99,235,.08)}.nav-action{padding:.75rem 1.25rem;background:var(--accent);color:#fff;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 18px 54px rgba(37,99,235,.15);transition:transform .2s ease}.nav-action:focus-visible,.nav-action:hover{transform:translateY(-1px);background:#1d4ed8}section[id]{scroll-margin-top:104px}.hero{padding:4rem 0 2rem;text-align:left}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:700;margin-bottom:.5rem}.hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:0 0 1rem}.hero p{font-size:1.05rem;max-width:720px}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-block;padding:.7rem 1rem;background:var(--accent);color:#fff;border-radius:999px;text-decoration:none;font-weight:600}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.section-card{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:24px;padding:2rem;box-shadow:0 18px 45px rgba(15,23,42,.08);margin-top:1.25rem}.about-grid{display:grid;grid-template-columns:280px 1fr;grid-gap:2rem;gap:2rem;align-items:center}.about-image{display:flex;align-items:center;justify-content:center}.about-image img{width:100%;max-width:280px;border-radius:32px;box-shadow:0 20px 60px rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.06)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.75rem;place-items:stretch}.project-card{display:flex;flex-direction:column;gap:1rem;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.65);padding:1.5rem;border-radius:24px;min-height:360px;box-shadow:0 24px 64px rgba(15,23,42,.08);transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 26px 70px rgba(15,23,42,.12)}.project-icon{width:64px;height:64px;border-radius:18px;display:block;margin-bottom:6px;object-fit:contain}.project-card h3{margin-top:0}.project-card p{margin:0;line-height:1.7}.project-description{display:-webkit-box;overflow:hidden;line-clamp:5;-webkit-box-orient:vertical;max-height:8.5rem;transition:max-height .2s ease}.project-description.expanded{display:block;max-height:999px}.project-card .btn{margin-top:auto;align-self:stretch}.project-card .view-btn{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(59,130,246,.16));color:var(--accent);border:1px solid rgba(37,99,235,.22);box-shadow:0 18px 30px rgba(37,99,235,.08);padding:.75rem 1rem;justify-content:center;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.project-card .view-btn:focus-visible,.project-card .view-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(59,130,246,.22));box-shadow:0 22px 36px rgba(37,99,235,.12)}.project-card .view-btn:after{content:"→";font-size:1rem;display:inline-block}.link-button{background:none;border:none;color:var(--accent);font-weight:700;padding:0;cursor:pointer;margin-top:-.25rem}.link-button:focus-visible,.link-button:hover{text-decoration:underline}.contact-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;justify-content:center}.contact-card .btn{min-width:140px}.project-tags,.skill-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}@media (max-width:780px){.container{padding:1rem}.header-inner{flex-wrap:wrap;align-items:center}.nav-links{order:3;width:100%;justify-content:space-between;gap:.35rem}.nav-link{padding:.5rem .7rem}.nav-action{margin-left:auto}.hero{padding:2.25rem 0 1.25rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;text-align:center}.section-card{padding:1.25rem;border-radius:20px}.about-grid{grid-template-columns:1fr;gap:1.25rem}.about-image img{max-width:220px}.card-grid{grid-template-columns:1fr;gap:1rem}.project-card{min-height:auto;padding:1.25rem}.project-card .view-btn{width:100%;justify-content:center}.contact-links{flex-direction:column}.contact-card .btn{width:100%;min-width:0}}@media (max-width:480px){.logo-img{width:48px;height:48px}.nav-links{justify-content:center}.nav-link{font-size:.95rem}.hero h1{font-size:clamp(1.75rem,8vw,2.4rem)}.hero p{font-size:1rem}.project-tags,.skill-tags{gap:.4rem}.project-tag{font-size:.75rem;padding:.3rem .55rem}}.project-tag{background:rgba(15,23,42,.06);color:#374151;padding:.35rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700}.project-tag.app-store{background:#eef2ff;color:#3730a3}.project-tag.google-play{background:#ecfdf5;color:#065f46}.project-tag.flutter{background:#eff6ff;color:#1e40af}.project-tag.internal{background:#f3f4f6;color:#374151}.project-tag.android-native{background:#e6f4ea;color:#166534}.project-tag.reactjs{background:#e8f0fe;color:#174ea6}.project-tag.nextjs{background:#f2f2f2;color:#111}.project-tag.nodejs{background:#edf7ed;color:#234b21}.project-tag.typescript{background:#eef4ff;color:#0366d6}.project-tag.kotlin{background:#fff6eb;color:#8f4e1d}.project-tag.java{background:#f7f3e9;color:#b8322d}.project-tag.dart{background:#e9f5ff;color:#0352b6}.project-tag.azure{background:#eff6ff;color:#0078d4}.project-tag.figma{background:#fff0d9;color:#f24e1e}.project-tag.mongodb{background:#eff7eb;color:#0d572d}.project-tag.firebase{background:#fff7ed;color:#f58220}.project-tag.laravel{background:#fff0f4;color:#ff2d20}.project-tag.postgresql{background:#eef6ff;color:#336791}.project-tag.realm{background:#f3f2ff;color:#523d90}.project-tag.default{background:rgba(15,23,42,.06);color:#374151}.demo-hero{margin-bottom:1.5rem}.demo-hero h2{font-size:clamp(2rem,3vw,2.6rem);margin:0 0 .75rem}.demo-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.demo-summary h3{margin-top:0}.eimaaan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.eimaaan-card{border:1px solid rgba(226,232,240,.8);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.08)}.eimaaan-card img{display:block;width:100%;height:auto;object-fit:cover}.contact-card,.site-footer{text-align:center}.site-footer{margin-top:3rem;padding:2rem 0;color:#6b7280}