@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f1f5f9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#080f1e;font-family:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#2563eb}body{isolation:isolate;background:#050b18;position:relative}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(35px);background:radial-gradient(at 75% 20%,#2563eb52,#0000 38%),radial-gradient(at 15% 75%,#7c3aed42,#0000 40%),radial-gradient(#06b6d41f,#0000 50%);animation:16s ease-in-out infinite alternate neonFlow;position:fixed;inset:-30%}body:after{content:"";z-index:-1;pointer-events:none;transform-origin:bottom;background-image:linear-gradient(#3b82f617 1px,#0000 1px),linear-gradient(90deg,#3b82f617 1px,#0000 1px);background-size:55px 55px;animation:8s ease-in-out infinite alternate gridPulse;position:fixed;inset:0;transform:perspective(600px)rotateX(25deg)scale(1.5);-webkit-mask-image:linear-gradient(#0000 5%,#000 75%);mask-image:linear-gradient(#0000 5%,#000 75%)}@keyframes neonFlow{0%{transform:translate(-3%,-3%)rotate(0)scale(1)}to{transform:translate(4%,4%)rotate(8deg)scale(1.15)}}@keyframes gridPulse{0%{opacity:.3}to{opacity:.8}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}.background-effects{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.background-particle{background:#60a5fa;border-radius:50%;animation:linear infinite alternate particleFloat;position:absolute;box-shadow:0 0 8px #3b82f6,0 0 18px #3b82f666}@keyframes particleFloat{0%{opacity:.15;transform:translateY(0)}50%{opacity:.7}to{opacity:.15;transform:translateY(-70px)}}@media (prefers-reduced-motion:reduce){.background-particle{opacity:.25;animation:none}}#root{width:100%;overflow:hidden}:root{--bg:#080f1e;--surface:#111c2e;--surface-hover:#17253b;--border:#263449;--text:#f1f5f9;--muted:#94a3b8;--accent:#3b82f6;--accent-light:#60a5fa}.hero{justify-content:space-between;align-items:center;gap:70px;width:100%;max-width:1200px;min-height:90vh;margin:0 auto;padding:100px 40px;display:flex}.hero-content{flex:1;min-width:0}.eyebrow,.section-eyebrow{color:var(--accent-light);letter-spacing:2.5px;text-transform:uppercase;font-size:12px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-2px;margin:22px 0 0;font-size:clamp(42px,5vw,70px);font-weight:800;line-height:1.12}.hero h1 span{color:var(--accent-light)}.hero-description{max-width:550px;color:var(--muted);margin:28px 0 0;font-size:17px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:15px 26px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:#2563eb;transform:translateY(-2px)}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button.secondary:hover{border-color:var(--accent)}.hero-image{flex:0 0 340px;justify-content:center;display:flex}.profile-placeholder{width:340px;height:400px;color:var(--accent-light);background:linear-gradient(145deg,#172c4c,#0d1728);border:1px solid #31517b;border-radius:24px;justify-content:center;align-items:center;font-size:100px;font-weight:800;display:flex;box-shadow:0 24px 70px #00000040}.section{max-width:1100px;margin:0 auto;padding:90px 40px}.section-heading{margin-bottom:42px}.section-heading h2{letter-spacing:-1px;margin:14px 0 12px;font-size:clamp(28px,4vw,40px);font-weight:700}.section-heading p{max-width:610px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.skills-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;gap:32px;padding:42px;display:grid}.skill-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;font-size:15px;font-weight:600;display:flex}.skill-percentage{color:var(--accent-light);font-variant-numeric:tabular-nums}.skill-track{background:#263449;border-radius:999px;height:9px;overflow:hidden}.skill-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;animation:1s ease-out both fillBar}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.technology-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;min-height:76px;padding:20px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s;display:flex}.technology-card:hover{background:var(--surface-hover);border-color:#3b5b85;transform:translateY(-3px)}.technology-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 12px #3b82f666}@media (width<=900px){.hero{gap:35px}.hero-image{flex-basis:260px}.profile-placeholder{width:260px;height:320px;font-size:75px}.technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.hero{text-align:center;flex-direction:column-reverse;gap:40px;min-height:auto;padding:70px 24px 55px}.hero-image{flex:initial}.profile-placeholder{width:220px;height:250px;font-size:65px}.hero h1{font-size:42px}.hero-description{font-size:15px}.hero-actions{justify-content:center}.section{padding:65px 24px}.skills-card{gap:28px;padding:26px 20px}.technology-grid{grid-template-columns:1fr;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skill-fill{animation:none}.button,.technology-card{transition:none}}.strengths-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.strength-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:30px;transition:transform .2s,border-color .2s}.strength-card:hover{border-color:#3b5b85;transform:translateY(-3px)}.strength-icon{width:48px;height:48px;color:var(--accent-light);background:#3b82f61f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-size:16px;font-weight:700;display:flex}.strength-card h3{margin:0 0 12px;font-size:18px;font-weight:700}.strength-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.certificates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.certificate-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:transform .2s,border-color .2s;overflow:hidden}.certificate-card:hover{border-color:#3b5b85;transform:translateY(-3px)}.certificate-preview{background:#1b2940;justify-content:center;align-items:center;height:220px;display:flex;overflow:hidden}.certificate-preview img{object-fit:contain;width:100%;height:100%}.certificate-placeholder{flex-direction:column;align-items:center;gap:12px;display:flex}.certificate-placeholder span{color:var(--accent-light);letter-spacing:-2px;font-size:48px;font-weight:800}.certificate-placeholder small{color:var(--muted);font-size:12px}.certificate-content{padding:25px}.certificate-content h3{margin:0 0 10px;font-size:17px;line-height:1.5}.certificate-content p{color:var(--muted);margin:0 0 22px;font-size:13px}.certificate-link{color:var(--accent-light);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.certificate-link:hover:not(:disabled){text-decoration:underline}.certificate-link:disabled{color:var(--muted);cursor:default}.certificate-modal{z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.certificate-modal-content{max-width:900px;max-height:90vh;position:relative}.certificate-modal-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:85vh;display:block}.modal-close{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:26px;display:flex;position:absolute;top:-18px;right:-18px}@media (width<=650px){.strengths-grid,.certificates-grid{grid-template-columns:1fr}.strength-card{padding:24px}.certificate-preview{height:190px}.certificate-modal{padding:15px}.modal-close{top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.strength-card,.certificate-card{transition:none}}.about-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:55px;display:grid}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:35px}.about-accent{color:var(--accent-light);letter-spacing:2px;margin-bottom:20px;font-size:12px;font-weight:700;display:block}.about-card>p{color:#cbd5e1;margin:0;font-size:16px;line-height:1.9}.about-footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:12px;margin-top:30px;padding-top:25px;font-size:13px;display:flex}.about-indicator{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px}@media (width<=750px){.about-layout{grid-template-columns:1fr;gap:15px}.about-card{padding:25px}}.contact-section{padding-bottom:120px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:18px;min-height:105px;padding:24px;transition:transform .2s,border-color .2s;display:flex}a.contact-card:hover{border-color:var(--accent);transform:translateY(-3px)}.contact-icon{width:48px;height:48px;color:var(--accent-light);background:#3b82f61f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.contact-details{flex-direction:column;gap:7px;min-width:0;display:flex}.contact-details strong{font-size:15px;font-weight:600}.contact-details small{color:var(--muted);font-size:12px;line-height:1.5}.contact-arrow{color:var(--accent-light);margin-left:auto;font-size:20px}.contact-card-disabled{opacity:.5}.footer{border-top:1px solid var(--border);text-align:center;padding:30px 24px}.footer p{color:var(--muted);margin:0;font-size:13px}.footer span{color:var(--accent-light)}@media (width<=650px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:20px}.contact-section{padding-bottom:70px}}@media (prefers-reduced-motion:reduce){.contact-card{transition:none}}