.portfolio-page{background:#f8fafc}.portfolio-hero{height:440px;color:#fff;background:radial-gradient(circle at 78% 60%,#0b75e8 0,transparent 17%),linear-gradient(120deg,#03152d,#051c39);position:relative;overflow:hidden}.portfolio-hero:after{content:"";position:absolute;inset:90px 0 0;background:repeating-linear-gradient(90deg,transparent 0 90px,#2682ce25 91px 92px),repeating-linear-gradient(0deg,transparent 0 72px,#2682ce20 73px 74px);transform:perspective(600px) rotateX(52deg) scale(1.4);transform-origin:bottom}.portfolio-heading{position:relative;z-index:1;padding-top:64px}.portfolio-heading h1{font:800 51px/1.05 Manrope;letter-spacing:-2.5px;margin:0}.portfolio-heading>p:last-child{font-size:16px;color:#cfdaeb;margin-top:20px}.portfolio-main{padding:58px 0 84px}.portfolio-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #dce5f0;padding-bottom:22px;margin-bottom:34px}.portfolio-tabs button{border:1px solid #dbe3ee;background:#fff;padding:10px 15px;border-radius:5px;color:#41516a;font:600 13px 'DM Sans';cursor:pointer}.portfolio-tabs button span{display:inline-flex;margin-left:7px;color:#7f8ea1}.portfolio-tabs button.selected{border-color:#0871ff;background:#0871ff;color:#fff}.portfolio-tabs button.selected span{color:#d7eaff}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.portfolio-card{background:#fff;border:1px solid #e0e7ef;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #1020440a}.project-image{height:272px;background:#09203b;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-placeholder{height:100%;background:radial-gradient(circle at 60% 48%,#12c6f0,#0767d4 28%,#062454 70%);color:#fff;padding:28px;position:relative}.project-placeholder span{font-size:12px;letter-spacing:1px}.project-placeholder b{position:absolute;right:35px;bottom:-24px;font:800 130px Manrope;color:#ffffff22}.project-info{padding:22px 25px 25px}.project-info small{color:#0871ff;font-size:11px;font-weight:bold;letter-spacing:.4px}.project-info h2{font:800 24px Manrope;margin:9px 0}.project-info p{color:#5a6980;line-height:22px;margin:0 0 18px;font-size:14px}.technologies{display:flex;gap:7px;flex-wrap:wrap}.technologies span{font-size:11px;background:#edf4ff;color:#0865e7;padding:6px 9px;border-radius:3px}.empty-projects{color:#69778c}@media(max-width:700px){.portfolio-hero{height:400px}.portfolio-heading h1{font-size:38px}.portfolio-grid{grid-template-columns:1fr}.project-image{height:210px}.portfolio-main{padding-top:35px}}