@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}:root{--bg:#020617;--bg-card:#ffffff0a;--bg-card-h:#ffffff12;--border:#ffffff12;--border-glow:#6366f166;--text:#f1f5f9;--muted:#94a3b8;--dim:#64748b;--indigo:#6366f1;--purple:#a78bfa;--blue:#60a5fa;--grad:linear-gradient(135deg, #6366f1, #8b5cf6);--grad-text:linear-gradient(90deg, #60a5fa, #a78bfa, #c084fc);--glow:0 0 30px #6366f133;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(#6366f1,#a78bfa);border-radius:99px}.about h2,.skills h2,.projects h2,.contact h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:56px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;display:inline-block;position:relative}.about h2:after,.skills h2:after,.contact h2:after{content:"";background:var(--grad);border-radius:99px;width:44px;height:3px;position:absolute;bottom:-12px;left:0}.projects h2:after{content:"";background:var(--grad);border-radius:99px;width:44px;height:3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#02061799;justify-content:space-between;align-items:center;padding:20px 10%;transition:padding .3s,background .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar ul{align-items:center;gap:4px;list-style:none;display:flex}.navbar ul a{color:var(--muted);border-radius:6px;padding:6px 14px;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.navbar ul a:after{content:"";background:var(--grad);border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(0)}.navbar ul a:hover{color:#fff}.navbar ul a:hover:after{transform:scaleX(1)}.about{padding:110px 10% 120px;position:relative}.about:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 80%,#6366f10f 0%,#0000 60%);position:absolute;inset:0}.about>p{color:var(--muted);max-width:580px;margin:0 0 48px;font-size:1rem;line-height:1.9}.about-details{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.about-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:32px;transition:all .35s;position:relative;overflow:hidden}.about-card:before{content:"";background:var(--grad);opacity:0;height:2px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.about-card:hover{background:var(--bg-card-h);border-color:var(--border-glow);box-shadow:var(--glow);transform:translateY(-5px)}.about-card:hover:before{opacity:1}.about-card h3{font-family:var(--font-display);color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:.75rem;font-weight:700}.about-card p{color:var(--muted);margin-bottom:6px;font-size:.92rem;line-height:1.85}.skills{padding:80px 10% 120px;position:relative}.skills:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 20%,#8b5cf60f 0%,#0000 60%);position:absolute;inset:0}.skills-container{flex-wrap:wrap;gap:12px;display:flex}.skill-card{background:var(--bg-card);border:1px solid var(--border);color:var(--muted);letter-spacing:.03em;cursor:default;border-radius:9px;padding:10px 22px;font-size:.875rem;font-weight:500;transition:all .28s;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--grad);opacity:0;z-index:0;transition:opacity .28s;position:absolute;inset:0}.skill-card:hover{border-color:var(--border-glow);color:#fff;transform:translateY(-4px)scale(1.04);box-shadow:0 8px 22px #6366f147}.skill-card:hover:before{opacity:.18}.projects{padding:80px 10% 120px}.projects h2{text-align:center;display:block;left:0;transform:none}.projects h2:after{left:50%;transform:translate(-50%)}.projects-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:26px;transition:all .4s;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--grad);opacity:0;height:2px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--border-glow);transform:translateY(-6px);box-shadow:0 0 30px #6366f12e,0 20px 40px #00000059}.project-card:hover:before{opacity:1}.project-card img{object-fit:cover;filter:brightness(.82)saturate(.85);border-radius:11px;width:100%;height:195px;margin-bottom:20px;transition:filter .35s}.project-card:hover img{filter:brightness()saturate(1.1)}.project-card h3{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:10px;font-size:1.15rem;font-weight:700}.project-card p{color:var(--muted);margin-bottom:14px;font-size:.88rem;line-height:1.8}.project-card span{color:var(--blue);letter-spacing:.03em;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:99px;padding:3px 12px;font-size:.78rem;font-weight:500;display:inline-block}.project-card a{background:var(--grad);color:#fff;letter-spacing:.02em;border-radius:8px;align-items:center;gap:7px;margin-top:18px;padding:10px 20px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #6366f14d}.project-card a:hover{transform:translateY(-2px);box-shadow:0 7px 22px #6366f180}.contact{max-width:820px;padding:80px 10% 100px}.contact-form,.contact form{flex-direction:column;gap:16px;display:flex}.contact input,.contact textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);resize:vertical;border-radius:11px;outline:none;padding:15px 18px;font-size:.92rem;transition:all .28s}.contact input::placeholder,.contact textarea::placeholder{color:var(--dim)}.contact input:focus,.contact textarea:focus{border-color:var(--indigo);background:#6366f10d;box-shadow:0 0 0 3px #6366f11f}.contact button{background:var(--grad);color:#fff;font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;padding:13px 30px;font-size:.88rem;font-weight:600;transition:all .3s;box-shadow:0 4px 18px #6366f159}.contact button:hover{transform:translateY(-3px);box-shadow:0 8px 28px #6366f18c}.footer{text-align:center;border-top:1px solid var(--border);background:#00000040;padding:56px 10% 36px;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--indigo), transparent);width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer h3{font-family:var(--font-display);letter-spacing:.06em;background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.3rem;font-weight:800}.footer p{color:var(--dim);margin-bottom:26px;font-size:.88rem}.footer-icons{justify-content:center;gap:14px;margin-bottom:28px;display:flex}.footer-icons a{border:1px solid var(--border);width:42px;height:42px;color:var(--muted);background:var(--bg-card);border-radius:9px;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex}.footer-icons a:hover{border-color:var(--indigo);color:var(--purple);transform:translateY(-3px);box-shadow:0 6px 18px #6366f147}.copyright{color:var(--dim)!important;margin-bottom:0!important;font-size:.78rem!important}.about,.skills,.projects,.contact{border-top:1px solid var(--border)}@media (width<=768px){.navbar{padding:16px 5%}.navbar ul{display:none}.about,.skills,.projects{padding:70px 6% 80px}.contact{max-width:100%;padding:70px 6% 80px}.about-details,.projects-container{grid-template-columns:1fr}}.projects{position:relative;overflow:hidden}.pj-blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.pj-blob1{background:#6366f114;width:400px;height:400px;top:-100px;left:-100px}.pj-blob2{background:#a78bfa12;width:350px;height:350px;bottom:0;right:-80px}.pj-header{text-align:center;z-index:1;margin-bottom:52px;position:relative}.pj-tag{letter-spacing:.14em;color:var(--indigo);text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:600}.pj-grad{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pj-desc{color:var(--muted);max-width:520px;margin:0 auto;font-size:1rem;line-height:1.8}.pj-featured{background:var(--bg-card);border:1px solid var(--border);z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:36px;padding:36px;transition:border-color .35s,box-shadow .35s;display:grid;position:relative}.pj-featured:hover{border-color:var(--border-glow);box-shadow:var(--glow)}.pj-featured-img-wrap{border-radius:14px;position:relative;overflow:hidden}.pj-featured-img-wrap img{object-fit:cover;filter:brightness(.8)saturate(.85);width:100%;height:260px;transition:filter .35s;display:block}.pj-featured:hover .pj-featured-img-wrap img{filter:brightness()saturate(1.1)}.pj-featured-img-overlay{background:linear-gradient(135deg,#6366f12e 0%,#0000 60%);position:absolute;inset:0}.pj-featured-label{color:#c4b5fd;letter-spacing:.04em;background:#6366f138;border:1px solid #6366f159;border-radius:99px;padding:4px 10px;font-size:.72rem;font-weight:600;position:absolute;top:14px;left:14px}.pj-featured-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:14px;font-size:1.55rem;font-weight:800}.pj-featured-desc{color:var(--muted);margin-bottom:20px;font-size:.92rem;line-height:1.85}.pj-tech-wrap{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.pj-tech-chip{color:var(--blue);letter-spacing:.02em;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:99px;padding:3px 11px;font-size:.75rem;font-weight:500}.pj-meta{gap:14px;margin-bottom:20px;display:flex}.pj-meta-item{color:var(--dim);align-items:center;gap:5px;font-size:.8rem;display:flex}.pj-featured-btns{flex-wrap:wrap;gap:12px;display:flex}.pj-btn-primary{background:var(--grad);color:#fff;letter-spacing:.02em;border-radius:9px;align-items:center;gap:7px;padding:10px 20px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.pj-btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 22px #6366f18c}.pj-btn-outline{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.pj-btn-outline:hover{border-color:var(--border-glow);color:#fff}.pj-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid;position:relative}.pj-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;transition:border-color .35s,box-shadow .35s;display:flex;overflow:hidden}.pj-card:hover{border-color:var(--border-glow);box-shadow:0 0 30px #6366f129,0 16px 36px #0000004d}.pj-card-img-wrap{position:relative;overflow:hidden}.pj-card-img-wrap img{object-fit:cover;filter:brightness(.8)saturate(.85);width:100%;height:185px;transition:filter .35s;display:block}.pj-card:hover .pj-card-img-wrap img{filter:brightness()saturate(1.1)}.pj-card-img-overlay{background:linear-gradient(#0000 50%,#0206178c);position:absolute;inset:0}.pj-badge{letter-spacing:.05em;background:var(--bg,#6366f126);border:1px solid;border-color:var(--border-color,#6366f159);color:var(--text-color,#818cf8);border-radius:99px;padding:3px 10px;font-size:.7rem;font-weight:600;position:absolute;top:12px;right:12px}.pj-card-body{flex-direction:column;flex:1;padding:22px;display:flex}.pj-card-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:10px;font-size:1.1rem;font-weight:700}.pj-card-desc{color:var(--muted);flex:1;margin-bottom:14px;font-size:.875rem;line-height:1.8}.pj-card-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.pj-card-links{gap:8px;display:flex}.pj-icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .28s;display:flex}.pj-icon-btn:hover{border-color:var(--indigo);color:var(--purple);transform:translateY(-2px)}@media (width<=860px){.pj-featured{grid-template-columns:1fr;gap:24px}.pj-featured-img-wrap img{height:210px}}@media (width<=600px){.pj-grid{grid-template-columns:1fr}.pj-featured{padding:22px}}