.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-white);background:#fffffff2;border-bottom:1px solid var(--border-soft);justify-content:space-between;padding:16px 40px;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:10px}.navbar-logo-img{border-radius:8px;height:70px;object-fit:contain;width:70px}.navbar-name{color:var(--text-dark);font-size:14px;font-weight:500}.navbar-links{display:flex;gap:28px}.navbar-links a{color:var(--text-soft);font-size:14px;text-decoration:none;transition:color .2s ease}.navbar-links a:hover{color:var(--violet-600)}@media (max-width:768px){.navbar{padding:14px 20px}.navbar-links{gap:16px}.navbar-links a{font-size:13px}}@media (max-width:480px){.navbar-links{display:none}}.hero{background:var(--gradient-hero-bg);padding:80px 40px 100px}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr auto;margin:0 auto;max-width:1100px}.hero-badge{align-items:center;background:var(--violet-100);border-radius:20px;color:var(--violet-700);display:inline-flex;font-size:12px;font-weight:500;gap:8px;letter-spacing:.5px;margin-bottom:20px;padding:6px 14px;text-transform:uppercase}.hero-badge-dot{animation:pulse 2s ease-in-out infinite;background:var(--success);border-radius:50%;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{color:var(--text-dark);font-size:48px;font-weight:600;letter-spacing:-.5px;line-height:1.1;margin-bottom:12px}.hero-name-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hero-role{color:var(--text-medium);font-size:22px;font-weight:400;margin-bottom:24px}.hero-description{color:var(--text-soft);font-size:16px;line-height:1.6;margin-bottom:32px;max-width:520px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:13px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px #8b5cf64d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid var(--violet-300);color:var(--violet-600)}.btn-secondary:hover{background:var(--violet-50);transform:translateY(-2px)}.hero-photo{align-items:center;background:linear-gradient(135deg,var(--violet-100) 0,var(--fuchsia-100) 100%);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px var(--violet-400),0 10px 40px #8b5cf633;color:var(--violet-700);display:flex;font-size:13px;height:220px;justify-content:center;overflow:hidden;width:220px}.hero-photo img{border-radius:50%;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.hero{padding:60px 20px 80px}.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:36px}.hero-photo{height:180px;margin:0 auto;order:-1;width:180px}.hero-buttons{justify-content:center}}.skills{background:var(--bg-white);padding:80px 40px}.skills-container{margin:0 auto;max-width:1100px}.section-number{color:var(--violet-400);font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.section-title{color:var(--text-dark);font-size:32px;font-weight:600;letter-spacing:-.3px;margin-bottom:40px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.skill-card{border:1px solid;border-radius:14px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.skill-card:hover{box-shadow:0 8px 24px #8b5cf61a;transform:translateY(-3px)}.skill-card-frontend{background:linear-gradient(135deg,var(--violet-50) 0,#faf5ff 100%);border-color:var(--violet-200)}.skill-card-backend{background:linear-gradient(135deg,#faf5ff 0,var(--fuchsia-50) 100%);border-color:#e9d5ff}.skill-card-label{font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.skill-card-frontend .skill-card-label{color:var(--violet-700)}.skill-card-backend .skill-card-label{color:var(--fuchsia-700)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{border-radius:8px;color:#fff;font-size:13px;font-weight:500;padding:6px 12px;transition:transform .15s ease}.skill-tag:hover{transform:scale(1.05)}.skill-tag-frontend{background:var(--violet-500)}.skill-tag-backend{background:var(--fuchsia-500)}@media (max-width:768px){.skills{padding:60px 20px}.skills-grid{grid-template-columns:1fr}.section-title{font-size:26px}}.projects{background:var(--bg-soft);padding:80px 40px}.projects-container{margin:0 auto;max-width:1100px}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.project-card{background:#fff;border:1px solid var(--border-soft);border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{box-shadow:0 12px 32px #8b5cf626;transform:translateY(-4px)}.project-image{align-items:center;color:#ffffffb3;display:flex;font-size:12px;height:180px;justify-content:center}.project-content{padding:20px 22px 22px}.project-title{color:var(--text-dark);font-size:17px;font-weight:600;margin-bottom:6px}.project-description{color:var(--text-soft);font-size:14px;line-height:1.5;margin-bottom:14px}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.project-tech-tag{background:var(--violet-100);border-radius:5px;color:var(--violet-700);font-size:11px;font-weight:500;padding:3px 9px}.project-links{display:flex;gap:16px}.project-link{color:var(--text-soft);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.project-link-primary{color:var(--violet-600)}.project-link:hover{color:var(--fuchsia-500)}@media (max-width:768px){.projects{padding:60px 20px}.projects-grid{grid-template-columns:1fr}}.contact{background:var(--gradient-contact-bg);color:var(--violet-900);padding:80px 40px 0}.contact-container{margin:0 auto;max-width:600px;padding-bottom:60px;text-align:center}.contact-number{color:var(--violet-700)!important}.contact-title{color:var(--violet-900);font-size:36px;font-weight:600;letter-spacing:-.3px;margin-bottom:16px}.contact-description{color:#5b21b6;font-size:16px;line-height:1.6;margin-bottom:32px}.contact-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.contact-btn{border-radius:10px;font-size:14px;font-weight:500;padding:13px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-btn-primary{background:var(--violet-600);box-shadow:0 4px 14px #7c3aed4d;color:#fff}.contact-btn-primary:hover{background:var(--violet-700);box-shadow:0 6px 20px #7c3aed66;transform:translateY(-2px)}.contact-btn-secondary{background:#fff;border:1px solid var(--violet-300);color:var(--violet-600)}.contact-btn-secondary:hover{background:var(--violet-50);transform:translateY(-2px)}.footer{border-top:1px solid #7c3aed26;color:var(--violet-700);font-size:13px;padding:24px 0;text-align:center}@media (max-width:768px){.contact{padding:60px 20px 0}.contact-title{font-size:28px}.contact-buttons{flex-direction:column}.contact-btn{width:100%}}:root{--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-900:#4c1d95;--fuchsia-50:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-700:#a21caf;--text-dark:#1e1b3a;--text-medium:#5b5478;--text-soft:#6b6585;--bg-white:#fff;--bg-soft:#faf5ff;--border-soft:#ede9fe;--success:#22c55e;--gradient-primary:linear-gradient(135deg,#8b5cf6,#d946ef);--gradient-hero-bg:linear-gradient(135deg,#f5f3ff,#fae8ff 50%,#f3e8ff);--gradient-contact-bg:linear-gradient(135deg,#c4b5fd,#d8b4fe 50%,#f0abfc);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bg-white);color:#1e1b3a;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);line-height:1.5}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.a0a22805.css.map*/