:root{--primary-red: #e53e3e;--dark-bg: #0a0a0a;--card-bg: #1a1a1a;--card-bg-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-radius: 16px;--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-hover: 0 16px 64px rgba(0, 0, 0, .4)}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;height:100%;overflow-y:auto;overflow-x:hidden}#root,.app{height:auto;overflow:visible!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;font-weight:400;letter-spacing:-.01em}img,video{display:block;max-width:100%;height:auto}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--primary-red: #e53e3e;--success-green: #38a169;--dark-bg: #0a0a0a;--surface-neutral: #141414;--card-bg: #1a1a1a;--card-bg-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--glass-bg: linear-gradient(to bottom right, rgb(255 255 255 / .08), rgb(255 255 255 / .02));--glass-border: rgb(255 255 255 / .08);--border-radius: 24px;--shadow-premium: 0 10px 30px rgb(0 0 0 / .45), 0 1px 0 rgb(255 255 255 / .04);--shadow-hover: 0 20px 40px rgb(0 0 0 / .5);--text-hero: clamp(32px, 6vw, 64px);--text-tagline: clamp(16px, 2vw, 22px);--text-body: clamp(14px, 1.5vw, 16px);--text-small: 14px;--layout-side: 320px;--layout-center: 640px;--layout-gap: 24px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.background-texture{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.02;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.15) 1px,transparent 0);background-size:20px 20px;pointer-events:none;z-index:-1}.app{min-height:100svh;background:var(--dark-bg);position:relative;overflow-x:hidden}@supports (min-height: 100dvh){.app{min-height:100dvh}}.hero-section{min-height:100svh;padding:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0a,#1a0f0f,#2d1b1b,#1a0f0f,#0a0a0a)}@supports (min-height: 100dvh){.hero-section{min-height:100dvh}}.portfolio-container{max-width:calc(var(--layout-side) + var(--layout-center) + var(--layout-side) + var(--layout-gap) * 2);width:100%;display:grid;grid-template-columns:var(--layout-side) var(--layout-center) var(--layout-side);gap:var(--layout-gap);align-items:start;position:relative}.left-column{display:flex;flex-direction:column;gap:var(--layout-gap)}.profile-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;height:fit-content}.profile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.status-dot{width:8px;height:8px;background:var(--success-green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.profile-name{font-size:var(--text-body);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.profile-image-container{position:relative;margin-bottom:20px}.profile-image{width:100%;height:200px;object-fit:cover;object-position:50% 25%;border-radius:16px;transition:all .3s ease}.profile-image:hover{transform:scale(1.02)}.profile-description{color:var(--text-secondary);font-size:var(--text-small);line-height:1.6;margin-bottom:20px;font-weight:400}.credibility-stats{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.stat-chip{background:#38a1691a;color:var(--success-green);padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:-.01em}.secondary-btn{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;font-size:var(--text-small);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.secondary-btn:hover{background:#ffffff14;color:var(--text-primary);transform:translateY(-1px)}.primary-cta{background:var(--primary-red);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:var(--text-small);font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em;box-shadow:0 4px 14px #e53e3e4d}.primary-cta:hover{background:#d73027;box-shadow:0 6px 20px #e53e3e66}.magnetic-btn{position:relative}.magnetic-btn:hover{transform:translateY(-2px) scale(1.02)}.magnetic-btn:active{transform:translateY(0) scale(.98)}.skills-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.2,.8,.2,1)}.skills-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.skills-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.02em}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.skill-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s ease;cursor:pointer}.skill-icon:hover{transform:scale(1.1) rotate(3deg)}.skills-description{color:var(--text-secondary);font-size:var(--text-small);line-height:1.6;font-weight:400}.center-column{position:relative}.hero-mobile-profile-wrapper,.hero-mobile-profile,.hero-mobile-social,.hero-whatsapp-social{display:none}.hero-spotlight{position:relative;isolation:isolate}.hero-spotlight:before{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(120px 120px at var(--mx, 50%) var(--my, 50%),rgb(255 255 255 / .12),transparent 60%);mix-blend-mode:screen;opacity:0;transition:opacity .2s ease;border-radius:var(--border-radius)}.hero-spotlight:hover:before{opacity:1}.hero-card{background:var(--primary-red);border-radius:var(--border-radius);padding:0;height:700px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.2,.8,.2,1)}.hero-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.hero-background-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius)}.hero-background-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1414144d,#0a0a0a80);z-index:1}.hero-background-img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;opacity:1;transition:all .3s ease}.hero-card:hover .hero-background-img{transform:scale(1.02)}.hero-glass-card{position:absolute;bottom:40px;left:40px;right:40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);border-radius:20px;padding:32px;z-index:3;transition:all .3s ease;box-shadow:inset 0 1px #ffffff0a}.hero-glass-card:hover{background:linear-gradient(to bottom right,#ffffff1f,#ffffff0a);transform:translateY(-2px)}.hero-content{margin-bottom:24px}.hero-name{font-size:var(--text-hero);font-weight:800;color:#fff;margin-bottom:8px;text-shadow:2px 2px 8px rgba(0,0,0,.5);line-height:1.05;letter-spacing:-.04em}.hero-tagline{font-size:var(--text-tagline);color:#ffffffd9;margin-bottom:0;font-weight:500;letter-spacing:-.01em}.hero-navigation{display:flex;gap:16px;align-items:center}.secondary-nav-btn{background:#000c;color:#fffc;border:none;padding:12px 24px;border-radius:24px;font-size:var(--text-small);font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:-.01em}.secondary-nav-btn:hover{color:#fff;background:#000000e6;transform:translateY(-2px)}.right-column{display:flex;flex-direction:column;gap:var(--layout-gap)}.contact-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.2,.8,.2,1);height:700px;display:flex;flex-direction:column;justify-content:space-between}.project-fit-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.2,.8,.2,1);height:700px;display:flex;flex-direction:column;gap:20px}.project-fit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.project-fit-title{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-primary);letter-spacing:-.02em}.project-fit-description{color:var(--text-secondary);font-size:var(--text-small);line-height:1.6;margin-bottom:20px;font-weight:400}.project-fit-form{flex:1;display:flex;flex-direction:column;gap:20px}.fit-step{display:flex;flex-direction:column;gap:8px}.fit-step-label{font-size:var(--text-small);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.fit-chips{display:flex;flex-wrap:wrap;gap:6px}.fit-chip{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:-.01em}.fit-chip:hover{background:#ffffff14;color:var(--text-primary);transform:translateY(-1px)}.fit-chip.active{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}.fit-result{background:#38a1691a;border:1px solid rgba(56,161,105,.2);border-radius:12px;padding:16px;text-align:center}.fit-result-text{color:var(--success-green);font-size:var(--text-small);font-weight:600;margin-bottom:12px;letter-spacing:-.01em}.case-study-spotlight{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center;margin-top:auto}.case-study-image{flex-shrink:0;width:50px;height:50px;border-radius:10px;overflow:hidden}.case-study-img{width:100%;height:100%;object-fit:cover}.case-study-content{flex:1;min-width:0}.case-study-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.01em}.case-study-metric{font-size:12px;color:var(--success-green);font-weight:600;margin-bottom:8px}.case-study-cta{background:none;border:none;color:var(--primary-red);font-size:12px;font-weight:500;cursor:pointer;transition:color .3s ease;padding:0;text-align:left}.case-study-cta:hover{color:#d73027;text-decoration:underline}.contact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.contact-title{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.02em}.contact-description{color:var(--text-secondary);font-size:var(--text-small);line-height:1.6;margin-bottom:24px;font-weight:400}.contact-form{flex:1;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:var(--text-primary);font-size:var(--text-small);transition:all .3s ease;outline:none}.form-input::placeholder{color:var(--text-secondary)}.form-input:focus{border-color:var(--primary-red);background:#ffffff14;box-shadow:0 0 0 3px #e53e3e1a}.social-links{display:flex;gap:12px;justify-content:center}.social-link{width:36px;height:36px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;cursor:pointer;text-decoration:none;border:1px solid rgba(255,255,255,.1)}.social-link:hover{background:var(--primary-red);color:#fff;transform:scale(1.1);border-color:var(--primary-red)}.sidebar-nav{position:fixed;right:48px;top:50%;transform:translateY(-50%);background:#141414e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;padding:16px;display:flex;flex-direction:column;gap:16px;z-index:100;border:1px solid rgba(255,255,255,.05)}.nav-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s cubic-bezier(.2,.8,.2,1);cursor:pointer;border:2px solid transparent;position:relative;background:none}.nav-icon:hover{color:#fff;background:var(--primary-red);transform:scale(1.1)}.nav-icon:focus{outline:2px solid var(--primary-red);outline-offset:2px}.nav-icon.active{background:var(--primary-red);color:#fff;box-shadow:0 4px 14px #e53e3e66}.projects-section{min-height:100svh;background:var(--dark-bg);padding:80px 20px;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}@supports (min-height: 100dvh){.projects-section{min-height:100dvh}}.projects-container{max-width:1400px;width:100%;text-align:center}.projects-title{font-size:clamp(48px,8vw,64px);font-weight:800;color:var(--text-primary);margin-bottom:80px;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-grid{display:grid;gap:32px;align-items:start}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-premium);transition:all .4s cubic-bezier(.2,.8,.2,1);cursor:pointer;position:relative}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.project-image-container{position:relative;height:240px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:all .4s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.visit-project-btn{background:var(--primary-red);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:var(--text-small);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.visit-project-btn:hover{background:#d73027;transform:scale(1.05)}.project-content{padding:24px;text-align:left}.project-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.project-description{color:var(--text-secondary);font-size:var(--text-small);line-height:1.6;margin-bottom:20px;font-weight:400}.project-technologies{display:flex;gap:12px;align-items:center}.tech-icon{width:32px;height:32px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-red);transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.tech-icon:hover{background:var(--primary-red);color:#fff;transform:scale(1.1)}.tech-icon i{font-size:16px}.services-section{min-height:100svh;background:var(--dark-bg);padding:80px 20px;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}@supports (min-height: 100dvh){.services-section{min-height:100dvh}}.services-container{max-width:1400px;width:100%;text-align:center}.services-title{font-size:clamp(48px,8vw,64px);font-weight:800;color:var(--text-primary);margin-bottom:80px;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-grid{display:grid;gap:32px;align-items:start}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.service-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:32px 24px;box-shadow:var(--shadow-premium);transition:all .4s cubic-bezier(.2,.8,.2,1);cursor:pointer;position:relative;text-align:center;height:480px;display:flex;flex-direction:column}.service-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.service-header{margin-bottom:24px;display:flex;justify-content:center}.service-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;margin-bottom:8px}.service-icon:hover{transform:scale(1.05)}.service-content{flex:1;display:flex;flex-direction:column;text-align:center}.service-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.02em}.service-description{color:var(--text-secondary);font-size:var(--text-body);line-height:1.6;margin-bottom:24px;font-weight:400;flex:1}.service-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.feature-tag{background:#ffffff0d;color:var(--text-secondary);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;letter-spacing:-.01em;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-tag:hover{background:#ffffff14;color:var(--text-primary)}.experience-section{min-height:100svh;background:var(--dark-bg);padding:80px 20px;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}@supports (min-height: 100dvh){.experience-section{min-height:100dvh}}.experience-container{max-width:800px;width:100%;text-align:center}.experience-title{font-size:clamp(48px,8vw,64px);font-weight:800;color:var(--text-primary);margin-bottom:80px;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.experience-content{text-align:center;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.experience-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:40px;box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.2,.8,.2,1);text-align:left;display:flex;gap:32px;align-items:flex-start}.experience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.experience-logo{flex-shrink:0}.company-name{font-size:32px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;display:block;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;text-align:left}.company-name br{display:inline}.experience-details{flex:1}.experience-position{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.experience-duration{color:var(--text-secondary);font-size:var(--text-small);font-weight:500;margin-bottom:16px}.experience-description{color:var(--text-secondary);font-size:var(--text-body);line-height:1.6;font-weight:400}@media (max-width: 1200px){.portfolio-container{grid-template-columns:300px 1fr;gap:20px;max-width:900px}.right-column{display:none}.project-fit-mobile{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.project-fit-mobile .fit-chip{font-size:11px;padding:4px 8px}.sidebar-nav{right:20px}}@media (max-width: 768px){:root{--layout-gap: 20px}.hero-section{padding:12px;min-height:auto}.portfolio-container{grid-template-columns:1fr;gap:var(--layout-gap);max-width:100%}.right-column{display:flex;order:2}.project-fit-card{height:auto;padding:20px}.fit-chips{gap:4px}.fit-chip{font-size:11px;padding:4px 8px}.case-study-spotlight{padding:12px;gap:10px}.case-study-image{width:40px;height:40px}.hero-navigation{gap:12px;flex-direction:column}.left-column{order:3}.center-column{order:1}.hero-card{height:auto;min-height:520px;padding:32px 24px;margin-bottom:20px;border-radius:20px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:visible;max-width:100%;box-sizing:border-box}.hero-background-image{display:none}.hero-glass-card{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:0;box-shadow:none;width:100%;display:flex;flex-direction:column;align-items:center;max-width:100%;box-sizing:border-box}.hero-mobile-profile-wrapper,.hero-mobile-profile,.hero-mobile-social,.hero-whatsapp-social{display:flex}.hero-mobile-profile-wrapper{display:flex;justify-content:center;margin-bottom:20px}.gradient-border{width:128px;height:128px;border-radius:50%;background:linear-gradient(45deg,var(--primary-red) 0%,#f25252 15%,#ffffff 30%,rgba(255,255,255,.8) 45%,rgba(255,255,255,.4) 60%,#d73027 75%,var(--primary-red) 90%,#c53030 100%);display:flex;align-items:center;justify-content:center;animation:spin 4s linear infinite;position:relative;box-shadow:0 0 15px #e53e3e33,0 0 30px #e53e3e1a,inset 0 0 0 1px #ffffff26}.gradient-border:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--dark-bg);z-index:1}.hero-mobile-profile{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:none;display:block;animation:counter-spin 4s linear infinite;position:relative;z-index:2;box-shadow:0 4px 20px #0000004d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.hero-name{font-size:clamp(28px,6vw,36px);line-height:1.1;margin-bottom:8px;color:var(--text-primary);text-shadow:none}.hero-tagline{font-size:clamp(14px,3vw,18px);color:var(--text-secondary);margin-bottom:24px}.hero-mobile-social{display:flex;gap:16px;margin-bottom:24px}.hero-social-link{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;text-decoration:none}.hero-social-link:hover{background:var(--primary-red);color:#fff;border-color:var(--primary-red);transform:scale(1.05)}.hero-navigation{gap:12px;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;margin-top:8px}.primary-cta{width:100%;justify-content:center;padding:14px 20px;border-radius:16px;box-sizing:border-box}.hero-services-btn{display:none}.contact-card{height:auto;padding:20px}.profile-card,.skills-card{padding:20px;border-radius:20px}.profile-image{height:180px;border-radius:16px}.skills-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.skill-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.skill-icon i{font-size:20px!important}.sidebar-nav{position:fixed;inset:auto auto 20px 50%;transform:translate(-50%);background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:12px 20px;flex-direction:row;gap:8px;z-index:1000;max-width:calc(100vw - 24px);border:1px solid rgba(255,255,255,.1)}.nav-icon{width:44px;height:44px;border-radius:50%;background:transparent}.nav-icon:hover{background:var(--primary-red);transform:scale(1.05)}.nav-icon.active{background:var(--primary-red);color:#fff;box-shadow:0 4px 16px #e53e3e66}.projects-section{padding:60px 12px 120px}.projects-grid{grid-template-columns:1fr;gap:24px}.projects-title{margin-bottom:40px}.project-card{border-radius:20px}.services-section{padding:60px 12px 120px}.services-grid{grid-template-columns:1fr;gap:24px}.services-title{margin-bottom:40px}.service-card{border-radius:20px;padding:24px 20px;height:auto;min-height:280px}.service-icon{width:60px;height:60px;border-radius:16px}.experience-section{padding:60px 12px 120px}.experience-content{gap:24px}.experience-card{flex-direction:column;gap:20px;padding:24px;text-align:center;border-radius:20px;align-items:center}.experience-logo{align-self:center;width:100%;text-align:center}.company-name{font-size:28px;display:inline-block;text-align:center;margin:0 auto}.company-name br{display:none}@media (hover: none) and (pointer: coarse){.hero-card:hover .hero-background-img,.profile-image:hover,.project-card:hover .project-image{transform:none}.project-overlay{opacity:1;background:#0000004d}.visit-project-btn{background:#e53e3ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}}@media (max-width: 480px){.hero-section{padding:8px}.portfolio-container{gap:16px}.hero-card{height:400px;border-radius:18px}.hero-glass-card{bottom:16px;left:16px;right:16px;padding:16px;border-radius:14px}.hero-name{font-size:clamp(32px,7vw,42px);margin-bottom:6px}.gradient-border{width:114px;height:114px;box-shadow:0 0 12px #e53e3e26,0 0 25px #e53e3e14,inset 0 0 0 1px #ffffff26;animation:spin 4s linear infinite}.gradient-border:before{inset:4px}.hero-mobile-profile{width:106px;height:106px;border:none;animation:counter-spin 4s linear infinite;box-shadow:0 3px 15px #00000040}.profile-card,.skills-card,.contact-card{padding:20px}.skills-card{padding:20px 18px}.profile-image{height:220px}.skills-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.skill-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.skill-icon i{font-size:18px!important}.sidebar-nav{bottom:16px;padding:10px 16px;border-radius:22px;gap:6px}.nav-icon{width:40px;height:40px}.projects-section{padding:40px 8px 100px}.projects-grid{gap:20px}.project-card{border-radius:18px}.services-section{padding:40px 8px 100px}.services-grid{gap:20px}.service-card{border-radius:18px;padding:20px 16px;height:auto;min-height:260px}.service-icon{width:50px;height:50px;border-radius:14px}.experience-section{padding:40px 8px 100px}.experience-content{gap:20px}.experience-card{padding:20px;border-radius:18px;align-items:center}.experience-logo{align-self:center;width:100%;text-align:center}.company-name{font-size:24px;display:inline-block;text-align:center;margin:0 auto}.company-name br{display:none}}.hero-card,.profile-card,.skills-card,.contact-card,.project-card,.service-card{will-change:transform}.primary-cta:focus,.secondary-btn:focus,.secondary-nav-btn:focus,.form-input:focus,.visit-project-btn:focus{outline:2px solid var(--primary-red);outline-offset:2px}@media (max-width: 768px){.primary-cta,.secondary-btn,.secondary-nav-btn,.visit-project-btn,.skill-icon,.social-link,.tech-icon,.nav-icon{min-height:44px;min-width:44px;touch-action:manipulation}input{font-size:16px}*{-webkit-tap-highlight-color:transparent}}.contact-section{min-height:100svh;background:var(--dark-bg);padding:80px 20px;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}@supports (min-height: 100dvh){.contact-section{min-height:100dvh}}.contact-container{max-width:800px;width:100%;text-align:center}.contact-section .contact-title{font-size:clamp(48px,8vw,64px);font-weight:800;color:var(--text-primary);margin-bottom:80px;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-content{max-width:600px;margin:0 auto}.contact-form-container{width:100%}.main-contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 20px;color:var(--text-primary);font-size:var(--text-body);font-family:inherit;transition:all .3s ease;outline:none;resize:vertical;min-height:120px}.form-textarea::placeholder{color:var(--text-secondary)}.form-textarea:focus{border-color:var(--primary-red);background:#ffffff14;box-shadow:0 0 0 3px #e53e3e1a}.form-status{padding:12px 16px;border-radius:12px;font-size:var(--text-small);font-weight:500;text-align:center;margin-bottom:16px}.form-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.form-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;margin-right:8px}.primary-cta:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.contact-submit-btn{align-self:center;padding:16px 32px;font-size:16px;font-weight:600;border-radius:16px}.footer-section{background:var(--surface-neutral);padding:60px 20px 20px;border-top:1px solid rgba(255,255,255,.08)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.footer-brand{flex-shrink:0}.footer-logo{font-size:32px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.footer-nav{display:flex;gap:32px;align-items:center}.footer-nav-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-body);font-weight:500;transition:all .3s ease;position:relative;background:none;border:none;cursor:pointer;padding:4px 0}.footer-nav-link:hover{color:var(--text-primary);transform:translateY(-2px)}.footer-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-red);transition:width .3s ease}.footer-nav-link:hover:after{width:100%}.footer-social{display:flex;gap:16px;align-items:center}.footer-social-link{width:44px;height:44px;border-radius:50%;background:var(--primary-red);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;font-size:18px}.footer-social-link:hover{background:#d73027;transform:translateY(-3px);box-shadow:0 8px 20px #e53e3e66}.footer-bottom{margin-top:40px}.footer-divider{width:100%;height:1px;background:#ffffff14;margin-bottom:20px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:var(--text-secondary);font-size:var(--text-small);margin:0}.back-to-top{width:44px;height:44px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:18px}.back-to-top:hover{background:var(--primary-red);color:#fff;border-color:var(--primary-red);transform:translateY(-3px)}@media (max-width: 768px){.contact-section{padding:60px 12px 120px}.form-row{grid-template-columns:1fr;gap:16px}.main-contact-form{gap:20px}.contact-submit-btn{width:100%}.footer-content{flex-direction:column;gap:32px;text-align:center}.footer-nav{gap:24px;flex-wrap:wrap;justify-content:center}.footer-bottom-content{flex-direction:column;gap:20px;text-align:center}}@media (max-width: 480px){.contact-section{padding:40px 8px 100px}.form-textarea{border-radius:12px;padding:14px 16px}.contact-submit-btn{padding:14px 24px;border-radius:12px}.footer-section{padding:40px 8px 16px}.footer-nav{gap:16px}.footer-nav-link{font-size:var(--text-small)}.footer-social{gap:12px}.footer-social-link{width:40px;height:40px;font-size:16px}}