.btn,.navbar{align-items:center}#contact .contact-card,#contact .section-header,.section-header{max-width:700px;text-align:center}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:#0f172a;background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}ul{list-style:none}button{border:none;background:0 0;cursor:pointer}#contact,#experience,section{padding:100px 0}:root{--primary:#2563EB;--primary-dark:#1D4ED8;--dark:#0F172A;--gray:#64748B;--light:#F8FAFC;--border:#E2E8F0;--container:1200px;--radius:16px;--shadow:0 10px 30px rgba(15,23,42,.08)}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section-header{margin:0 auto 80px}.section-header span{color:var(--primary);font-weight:600}.section-header h2{margin:15px 0;font-size:48px}.footer li,.footer p,.section-header p{color:var(--gray)}#hero .hero-tag,#hero h1 span,.logo span,.nav-links a.active,.nav-links a:hover{color:var(--primary)}header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,.8);backdrop-filter:blur(15px);border-bottom:1px solid #e5e7eb;z-index:1000}header.scrolled{background:rgba(255,255,255,.95);box-shadow:0 10px 25px rgba(0,0,0,.08)}.navbar{height:80px;display:flex;justify-content:space-between}.logo{font-size:28px;font-weight:800}.nav-links{display:flex;gap:40px}.nav-links a{position:relative;color:#475569;font-weight:500;transition:.3s}.nav-links a.active::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--primary)}.menu-toggle{display:none;flex-direction:column;gap:5px}.menu-toggle span{width:28px;height:2px;background:#111827;transition:.3s}#backToTop{position:fixed;right:30px;bottom:30px;width:50px;height:50px;border:none;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:.3s}#backToTop.show{opacity:1;visibility:visible}@media(max-width:991px){.nav-btn{display:none}.menu-toggle,.nav-links{display:flex}.nav-links{position:fixed;top:80px;right:-100%;width:280px;height:calc(100vh - 80px);background:#fff;flex-direction:column;gap:30px;padding:40px;transition:.35s;box-shadow:-10px 0 30px rgba(0,0,0,.08)}.nav-links.active{right:0}}.btn{display:inline-flex;justify-content:center;padding:14px 28px;border-radius:999px;transition:.3s;font-weight:600}.btn-outline,.project-card{border:1px solid var(--border)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline:hover{background:var(--light)}#hero{padding:120px 0}#hero .hero{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}#hero .hero-tag{display:inline-block;padding:10px 18px;background:#eff6ff;border-radius:50px;font-size:14px;font-weight:600}#hero h1{font-size:4rem;line-height:1.1;margin:25px 0}.hero-description{font-size:18px;line-height:1.9;color:#64748b;max-width:620px}.hero-buttons{display:flex;gap:16px;margin:40px 0}.hero-tech{display:flex;flex-wrap:wrap;gap:12px}.hero-tech span{padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;font-size:14px}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-image img{width:360px;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.12)}.hero-cards{position:absolute;inset:0}.status-card{position:absolute;width:180px;padding:18px;background:#fff;border-radius:18px;box-shadow:0 20px 40px rgba(15,23,42,.08)}.status-card small{display:block;margin-bottom:8px;color:#94a3b8;font-size:11px;letter-spacing:1px}.status-card h3{margin-bottom:6px}.status-card.top{top:-30px;right:20px}.status-card.left{bottom:30px;left:-40px}.status-card.right{bottom:40px;right:-40px}.hero-avatar{width:360px;height:360px;display:flex;align-items:center;justify-content:center;margin:auto}.avatar-circle{width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px rgba(37,99,235,.25);position:relative}.avatar-circle::before{content:"";position:absolute;inset:12px;border:2px solid rgba(255,255,255,.2);border-radius:50%}.avatar-circle span{font-size:6rem;font-weight:700;color:#fff;letter-spacing:4px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}@media (max-width:991px){.project-grid{grid-template-columns:1fr}}.project-card{background:#fff;border-radius:24px;overflow:hidden;transition:.3s;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.project-image{aspect-ratio:16/9;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.project-card:hover img{transform:scale(1.05)}.project-content{padding:30px;display:flex;flex-direction:column;flex:1}.project-type{color:var(--primary);font-weight:600;font-size:14px}.project-content h3{margin:10px 0 15px;font-size:28px}.project-content p{color:var(--gray);margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.project-tech span{background:#f8fafc;border:1px solid var(--border);padding:8px 14px;border-radius:999px;font-size:13px}#contact .contact-card,#experience .experience-card,.project-links a,.tech-card{background:#fff;transition:.3s}.project-card:first-child{transition-delay:0s}.project-card:nth-child(2){transition-delay:.15s}.project-card:nth-child(3){transition-delay:.3s}.project-card:nth-child(4){transition-delay:.45s}.project-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.project-links a{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-size:14px;font-weight:600}.project-links a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}#experience .experience-grid{display:grid;gap:30px;margin-top:60px}#experience .experience-card{border:1px solid #e5e7eb;border-radius:20px;padding:32px;box-shadow:0 10px 30px rgba(15,23,42,.05)}#contact .contact-card:hover,#experience .experience-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(15,23,42,.1)}#experience .experience-card h3{margin-bottom:30px;font-size:1.5rem}#experience .experience-item{margin-bottom:30px}#experience .experience-item:last-child{margin-bottom:0}#experience .experience-date{display:inline-block;margin-bottom:10px;font-size:.9rem;font-weight:700;color:var(--primary)}#contact .contact-card h3,#experience .experience-item h4{margin-bottom:12px}.footer h4,.tech-card h3{margin-bottom:20px}#experience .experience-item p{color:#64748b;line-height:1.8;margin-bottom:20px}#experience hr{margin:30px 0;border:none;border-top:1px solid #e5e7eb}#experience .experience-tags,.tech-list{display:flex;flex-wrap:wrap;gap:10px}#experience .experience-tags span{padding:6px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;font-size:13px}.tech-card,.tech-list span{border:1px solid var(--border)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.tech-card{border-radius:20px;padding:30px}.tech-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.tech-card h3{color:var(--dark)}.tech-list span{padding:8px 14px;background:#f8fafc;border-radius:999px;font-size:14px;font-weight:500}#contact .section-header{margin:0 auto 60px}#contact .contact-card{margin:0 auto;padding:50px;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px rgba(15,23,42,.05)}#contact .contact-icon{width:70px;height:70px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(37,99,235,.08);color:var(--primary);font-size:2rem}#contact .contact-card p{color:var(--gray);line-height:1.8;margin-bottom:30px}#contact .contact-email{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border:1px solid var(--border);border-radius:12px;font-weight:600;color:var(--primary);transition:.3s}#contact .contact-email:hover,#contact .social-links a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.copyright,.footer{border-top:1px solid var(--border)}#contact .social-links{display:flex;justify-content:center;gap:16px;margin-top:30px}#contact .social-links a{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);color:var(--text);transition:.3s}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:80px 0}.footer ul{display:flex;flex-direction:column;gap:12px}.copyright{text-align:center;padding:30px;color:var(--gray)}.reveal{opacity:0;transform:translateY(60px);transition:opacity .8s,transform .8s}.reveal.active{opacity:1;transform:translateY(0)}