.portfolio-hero{position:relative;overflow:hidden;padding:96px 0 72px;color:#fff;background:linear-gradient(135deg,#111827,#13223f,#0f3460)}.portfolio-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 400px at 10% 85%,rgba(102,126,234,.12),transparent 30%),radial-gradient(400px 300px at 90% 20%,rgba(118,75,162,.09),transparent 30%);z-index:0}.portfolio-hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:center}.hero-content h1{margin:0 0 .75rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;font-weight:800;letter-spacing:-.02em;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{max-width:680px;margin:0;font-size:1.125rem;color:#ffffffeb;opacity:.95}.hero-image{display:flex;align-items:center;justify-content:center;height:300px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:var(--shadow-1);border:1px solid rgba(255,255,255,.04)}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-image:empty{background-image:url(/mnt/data/231020eb-cf2c-462f-b0be-108ea2bf600c.png);background-size:cover;background-position:center}.portfolio-filter{padding:48px 0;margin-top:-24px;margin-bottom:10px}.filter-content{max-width:980px;margin:0 auto;text-align:center;padding:28px;background:var(--card-bg);border-radius:14px;box-shadow:0 10px 30px #0206170f;border:1px solid rgba(15,23,36,.02)}.filter-content h2{margin:0;font-size:1.6rem;font-weight:700;color:#0b1220}.filter-content p{margin:8px 0 0;color:var(--muted);font-size:.98rem}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.filter-btn{position:relative;padding:10px 20px;border-radius:999px;border:2px solid rgba(15,23,36,.06);background:transparent;color:#0f1724;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);font-size:.95rem;overflow:hidden}.filter-btn:before{content:"";position:absolute;inset:0 0 0 -100%;z-index:-1;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transition:left .32s ease;opacity:.98}.filter-btn:hover:before{left:0}.filter-btn:hover{color:#0b1220;transform:translateY(-4px);box-shadow:0 8px 30px #667eea2e;border-color:transparent}.filter-btn.active{color:#0b1220;border-color:#44404000;box-shadow:0 10px 30px #667eea2e}.filter-btn.active:before{left:0}.portfolio-grid{padding:48px 0 64px}.portfolio-grid .section-head{text-align:center;margin-bottom:36px}.portfolio-grid .section-head h2{margin:0 0 8px;font-size:1.9rem;font-weight:800;color:#0f1724}.portfolio-grid .section-head p{margin:0;color:var(--muted);font-size:1rem}.projects-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;max-width:1400px;margin:0 auto}.project-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:400px;position:relative}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f605,#a855f705);opacity:0;transition:opacity .4s ease;border-radius:inherit}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0000001f}.project-card:hover:before{opacity:1}.project-image{position:relative;height:190px;background:linear-gradient(180deg,#f5f7fb,#eef2ff);display:block;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.project-card:hover .project-image img{transform:scale(1.06)}.project-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eead9,#764ba2d9);opacity:0;transition:opacity .28s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:12px;align-items:center}.project-link{display:inline-flex;width:42px;height:42px;border-radius:50%;background:#ffffff1f;color:#fff;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(255,255,255,.12);transition:transform var(--transition-fast),background var(--transition-fast)}.project-link:hover{transform:translateY(-4px);background:#ffffff2e}.project-image.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);gap:12px;font-size:.95rem}.project-content{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto}.project-content h3{margin:0;font-size:1.08rem;font-weight:700;color:#0b1220}.project-content p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.project-tech{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.tech-tag{display:inline-block;padding:6px 8px;background:#667eea14;color:var(--accent-1);font-weight:600;font-size:.78rem;border-radius:8px;border:1px solid rgba(102,126,234,.06)}.no-projects{max-width:720px;margin:18px auto;padding:28px;background:var(--card-bg);border-radius:12px;text-align:center;box-shadow:0 10px 30px #0206170f}.no-projects h3{margin:0 0 8px;color:#0b1220}.no-projects p{margin:0;color:var(--muted)}.portfolio-cta{padding:72px 0;color:#fff;background:linear-gradient(135deg,#0b1220,#263246,#314055);text-align:center}.cta-content h2{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-content p{margin:0 0 18px;color:#ffffffeb;font-size:1.05rem}.cta-button{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border:2px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #667eea1f;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cta-button:hover{transform:translateY(-6px);box-shadow:0 18px 44px #667eea29}.project-modal{display:none;position:fixed;inset:0;z-index:9999;background:#0a0c1099;align-items:center;justify-content:center;padding:28px}.project-modal .modal-content{background:var(--card-bg);width:100%;max-width:880px;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0206174d;animation:modalIn .28s ease both;position:relative}@keyframes modalIn{0%{transform:translateY(14px) scale(.99);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.project-modal .close-modal{position:absolute;top:12px;right:12px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0000000f;border-radius:999px;cursor:pointer;font-size:1.2rem;color:var(--muted);border:none}.project-modal #modal-body{padding:22px}.modal-row{display:flex;gap:18px;align-items:flex-start}.modal-left{flex:1 1 48%}.modal-right{flex:1 1 52%}a{color:inherit}button{font-family:inherit}button:focus,a:focus{outline:3px solid rgba(102,126,234,.18);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.projects-grid .project-card{animation:fadeInUp .45s ease both}@media(max-width:1100px){.portfolio-hero .container{grid-template-columns:1fr 360px}.hero-image{height:260px}}@media(max-width:880px){.portfolio-hero .container{grid-template-columns:1fr;gap:18px;text-align:center}.hero-image{width:100%;height:260px;margin:0 auto}.project-modal .modal-content{max-width:720px}.modal-row{flex-direction:column}}@media(max-width:640px){.filter-content{padding:18px}.filter-buttons{gap:10px}.project-image{height:150px}.project-content{padding:14px}.projects-grid{gap:14px;grid-template-columns:1fr}.portfolio-cta{padding:44px 0}.hero-content h1{font-size:1.8rem}}@media(max-width:420px){.filter-btn{padding:10px 14px;font-size:.9rem;width:auto}.hero-image{height:180px}.project-image{height:140px}}