@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-gradient: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--success-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--warning-gradient: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%);--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-light: #bdc3c7;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-dark: #2c3e50;--border-color: #e9ecef;--shadow-light: 0 2px 10px rgba(0,0,0,.1);--shadow-medium: 0 4px 20px rgba(0,0,0,.15);--shadow-heavy: 0 8px 30px rgba(0,0,0,.2);--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .6s cubic-bezier(.4, 0, .2, 1)}.modern-layout{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);padding-top:80px}.modern-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);transition:var(--transition)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1200px;margin:0 auto}.nav-brand{display:flex;align-items:center;gap:1rem}.avatar-container{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-gradient);box-shadow:var(--shadow-light)}.nav-avatar{width:100%;height:100%;object-fit:cover}.nav-title h1{font-size:1.5rem;font-weight:700;margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-subtitle{font-size:.9rem;color:var(--text-secondary);font-weight:500}.nav-menu{display:flex;gap:2rem}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition);position:relative;border-bottom:none}.nav-link:hover{background:var(--primary-gradient);color:#fff;transform:translateY(-2px);border-bottom:none}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:2rem}.hero:before{content:"";position:absolute;inset:0;background:url(/images/bg.jpg) center/cover;opacity:.1;z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:2}.hero-text{color:#fff}.hero-title{font-size:4rem;font-weight:800;margin:0 0 1rem;line-height:1.1}.gradient-text{background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;opacity:.9}.hero-description{font-size:1.2rem;line-height:1.6;margin:0 0 2rem;opacity:.9}.hero-location{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;margin-bottom:2rem;opacity:.8}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:1rem 2rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;border:2px solid transparent}.btn-primary{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-medium)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-heavy)}.btn-secondary{background:transparent;color:#fff;border-color:#fff}.btn-secondary:hover{background:#fff;color:var(--text-primary);transform:translateY(-3px)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.floating-elements{position:relative;width:400px;height:400px}.floating-icon{position:absolute;width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);animation:float 6s ease-in-out infinite}.floating-icon.react{top:15%;left:25%;animation-delay:0s}.floating-icon.node{top:10%;right:15%;animation-delay:1.5s}.floating-icon.typescript{top:35%;left:5%;animation-delay:3s}.floating-icon.docker{bottom:25%;right:10%;animation-delay:4.5s}.floating-icon.rails{top:60%;left:15%;animation-delay:6s}.floating-icon.postgres{bottom:15%;left:35%;animation-delay:.8s}.floating-icon.mongodb{top:45%;right:25%;animation-delay:2.2s}.floating-icon.aws{bottom:45%;right:5%;animation-delay:3.7s}.floating-icon.golang{top:25%;left:45%;animation-delay:5.1s}.floating-icon.graphql{bottom:35%;left:60%;animation-delay:1.3s}.floating-icon.kubernetes{top:5%;left:60%;animation-delay:4.9s}.floating-icon.elixir{bottom:10%;right:40%;animation-delay:2.8s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.section-modern{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:3rem;font-weight:700;margin:0 0 1rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{width:80px;height:4px;background:var(--primary-gradient);margin:0 auto;border-radius:2px}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.about-text .lead{font-size:1.3rem;font-weight:500;color:var(--text-primary);margin-bottom:2rem;line-height:1.6}.about-text p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.about-text .highlight{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-style:italic}.about-stats{display:flex;flex-direction:column;gap:2rem}.stat-item{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:var(--transition)}.stat-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.stat-number{font-size:3rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tech-card{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:var(--transition);border:1px solid var(--border-color);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.tech-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.tech-content{display:flex;flex-direction:column;gap:.5rem}.tech-content h3{font-size:2.6rem;font-weight:600;margin:0;color:var(--text-primary)}.tech-category{background:var(--primary-gradient);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;align-self:flex-start}.tech-experience{font-size:1rem;font-weight:800;text-align:right;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.project-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:var(--transition);overflow:hidden;border:1px solid var(--border-color)}.project-logo{display:flex;align-items:center;justify-content:center;height:120px;padding:1.5rem;transition:var(--transition-smooth);opacity:.7;filter:grayscale(100%)}.project-logo a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.project-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:var(--transition-smooth)}.project-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.project-card:hover .project-logo{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.project-info{padding:1.5rem}.project-info h3{font-size:1.2rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.project-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition)}.project-link:hover{color:var(--primary-gradient);transform:translate(5px)}.languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.language-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:var(--transition);border:1px solid var(--border-color)}.language-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.language-flag{font-size:2rem;line-height:1}.language-details{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1}.language-name{font-weight:600;color:var(--text-primary)}.language-level{color:var(--text-secondary);font-size:.75rem;font-weight:500;background:var(--bg-secondary);padding:.2rem .6rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.education-card{display:flex;align-items:center;gap:2rem;background:#fff;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:var(--transition)}.education-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.education-icon{width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0}.education-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.education-school{font-size:1.2rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.education-major{font-size:1rem;color:var(--text-secondary);margin:0 0 .5rem}.education-date{font-size:.9rem;color:var(--text-light);margin:0}.modern-footer{background:var(--bg-dark);color:var(--text-light);text-align:center;padding:3rem 2rem}.footer-content{max-width:1200px;margin:0 auto}.social-icons{display:flex;justify-content:center;gap:1.5rem;list-style:none;padding:0;margin:0 0 1.5rem}.social-icons a{color:var(--text-light);font-size:1.5rem;transition:var(--transition);border-bottom:none}.social-icons a:hover{color:#fff;transform:translateY(-3px)}.copyright{font-size:.9rem;color:var(--text-secondary)}@media (max-width: 768px){.navbar{padding:1rem}.nav-menu{position:fixed;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:2rem;box-shadow:var(--shadow-heavy);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle{display:flex;z-index:1001}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.about-content{grid-template-columns:1fr;gap:2rem}.about-stats{flex-direction:row;justify-content:space-around}.stat-item{padding:1rem}.stat-number{font-size:2rem}.education-card{flex-direction:column;text-align:center}.floating-elements{width:200px;height:200px}.floating-icon{width:40px;height:40px;font-size:1.5rem}}@media (max-width: 480px){.hero{padding:1rem}.section-modern{padding:3rem 1rem}.section-header h2{font-size:2rem}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}