.navbar-appbar{transition:all .3s ease-in-out!important}.brand-text{color:var(--color-white);letter-spacing:-.02em;align-items:center;gap:4px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.brand-text span{color:var(--color-yellow);text-shadow:0 0 10px #facc154d}.nav-link{position:relative;color:var(--color-slate-light)!important;text-transform:none!important;padding:8px 16px!important;font-size:.9rem!important;font-weight:500!important;transition:all .3s!important}.nav-link:hover{color:var(--color-white)!important;background:0 0!important}.nav-link:after{content:"";background:var(--color-yellow);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:60%}.btn-resume{color:var(--color-slate-light)!important;text-transform:none!important;border-color:#00a3ff4d!important;border-radius:8px!important;margin-left:16px!important;padding:6px 20px!important;font-weight:600!important;transition:all .3s!important}.btn-resume:hover{border-color:var(--color-blue-primary)!important;color:var(--color-white)!important;background:#00a3ff0d!important;box-shadow:0 0 15px #00a3ff33!important}.mobile-menu-btn{color:var(--color-white)!important}.mobile-drawer-container{background:var(--color-black);height:100%;padding-top:20px}.mobile-drawer-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:0 24px 20px;display:flex}.close-drawer-btn{color:var(--color-slate-light)!important}.mobile-drawer-list{padding:20px 10px!important}.mobile-nav-btn{border-radius:12px!important;margin-bottom:4px!important;transition:all .3s!important}.mobile-nav-btn .MuiListItemText-primary{color:var(--color-slate-light);font-size:1.1rem;font-weight:600}.mobile-nav-btn:hover{background:#00a3ff0d!important}.mobile-nav-btn:hover .MuiListItemText-primary{color:var(--color-yellow)}.btn-resume-mobile{border-color:var(--color-blue-primary)!important;color:var(--color-blue-primary)!important;text-transform:none!important;border-radius:12px!important;padding:12px!important;font-size:1rem!important;font-weight:700!important}.language-selector{align-items:center;margin-left:8px;display:flex}.language-select{padding:0!important;font-size:.92rem!important;font-weight:600!important}.language-select .MuiSelect-select{color:var(--color-slate-light)!important;align-items:center!important;padding:6px 28px 6px 10px!important;transition:color .3s!important;display:flex!important}.language-select .MuiSelect-icon{top:50%!important;right:0!important;transform:translateY(-50%)!important}.language-select:hover .MuiSelect-select{color:var(--color-yellow)!important}.language-selector-mobile{color:var(--color-slate-light)!important;border:1px solid #ffffff1a!important}.language-selector-mobile .MuiSelect-select{color:var(--color-slate-light)!important;align-items:center!important;display:flex!important}.language-selector-mobile .MuiSelect-icon{top:50%!important;transform:translateY(-50%)!important}.language-selector-mobile:hover{background:#00a3ff08!important;border-color:#00a3ff4d!important}
.hero-section{background:radial-gradient(circle at 50% 50%,#00a3ff0d 0%,transparent 40%),radial-gradient(circle at 85% 30%,#facc1508 0%,transparent 25%),var(--color-black);align-items:center;min-height:100vh;padding-top:140px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute}.hero-content-wrapper{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.hero-name{background:linear-gradient(90deg,var(--color-white)30%,var(--color-sky)60%,var(--color-blue-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.2em;letter-spacing:-.02em!important;margin-bottom:1rem!important;font-size:clamp(2.8rem,7vw,4.8rem)!important;font-weight:800!important;line-height:1.1!important}.hero-subtitle{max-width:900px;color:var(--color-slate-light)!important;margin-bottom:1.5rem!important;font-size:clamp(1.5rem,3.5vw,2.4rem)!important;font-weight:700!important;line-height:1.3!important}.hero-description{max-width:650px;color:#e0f2fe!important;margin-bottom:2rem!important;font-size:1.1rem!important;font-weight:400!important;line-height:1.8!important}.hero-description strong{color:inherit;font-weight:600}.hero-buttons{width:100%;margin-top:.5rem;justify-content:center!important;align-items:center!important;display:flex!important}.btn-primary{background:linear-gradient(135deg,var(--color-blue-primary),var(--color-blue-secondary))!important;color:var(--color-white)!important;text-transform:none!important;border:1px solid #ffffff1a!important;border-radius:8px!important;padding:.8rem 2rem!important;font-size:1rem!important;font-weight:700!important;transition:transform .2s,box-shadow .2s!important;box-shadow:0 4px 14px #00a3ff63!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00a3ff3b!important}.btn-secondary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--color-slate-light)!important;text-transform:none!important;background:#ffffff08!important;border:1px solid #fff3!important;border-radius:8px!important;padding:.8rem 2rem!important;font-size:1rem!important;font-weight:600!important;transition:all .3s!important}.btn-secondary:hover{border-color:var(--color-yellow)!important;color:var(--color-yellow)!important;background:#facc150d!important}@media (max-width:768px){.hero-content-wrapper{text-align:center!important;align-items:center!important}.hero-name{margin-bottom:1rem!important}.hero-subtitle{margin-bottom:1.5rem!important}.hero-description{margin-bottom:2rem!important}}
.projects-section{background:var(--color-black);padding:120px 0;position:relative;overflow:hidden}.projects-section:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#00a3ff08 0%,#0000 70%);width:600px;height:600px;position:absolute;top:20%;right:0}.projects-title{color:var(--color-white);text-align:center;letter-spacing:-.03em;z-index:1;font-weight:800;position:relative;margin-bottom:80px!important}.projects-title span{background:linear-gradient(90deg,var(--color-blue-primary),var(--color-aqua));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-card{-webkit-backdrop-filter:blur(20px);color:var(--color-white);background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;width:100%;height:100%;min-height:450px;transition:all .3s ease-out;display:flex;position:relative;overflow:hidden;border-radius:24px!important}.project-card:hover{background:linear-gradient(#00a3ff0f 0%,#ffffff05 100%);border-color:#00a3ff66;transform:translateY(-8px);box-shadow:0 20px 40px -10px #0009,0 0 0 1px #00a3ff33}.project-card:hover .project-card-title{color:var(--color-yellow);text-shadow:0 0 15px #facc1533}.wip-badge{width:calc(100% - 48px);color:var(--color-yellow);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#facc151f 0%,#facc150d 100%);border:1px solid #facc1540;border-radius:12px;justify-content:center;align-items:center;margin:0 24px 16px;padding:10px 16px;font-size:.7rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px #facc151a}.wip-badge:hover{background:linear-gradient(135deg,#facc152e 0%,#facc1514 100%);border-color:#facc1566;transform:translateY(-1px);box-shadow:0 4px 12px #facc1533}.wip-badge:before{content:"●";margin-right:8px;font-size:.9rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.project-card-title{color:var(--color-white);letter-spacing:-.02em;margin-top:10px;font-weight:800;transition:color .3s;margin-bottom:.3em!important;font-size:1.6rem!important}.project-card-desc{color:var(--color-slate);flex-grow:1;font-size:.95rem;font-weight:400;line-height:1.6;margin-bottom:24px!important}.tech-chip{color:var(--color-slate-light)!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:50px!important;padding:16px 6px!important;font-size:.75rem!important;font-weight:600!important;transition:all .2s!important}.project-card:hover .tech-chip{background:#00a3ff0d!important;border-color:#ffffff26!important}.tech-chip:hover{transform:translateY(-2px);background:var(--color-blue-primary)!important;color:var(--color-white)!important;border-color:var(--color-blue-primary)!important}.btn-explore{gap:8px;width:fit-content;position:relative;color:var(--color-white)!important;text-transform:none!important;background:0 0!important;justify-content:flex-start!important;padding:0!important;font-size:.95rem!important;font-weight:700!important;transition:all .3s!important}.btn-explore:after{content:"";background:var(--color-blue-primary);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.btn-explore:hover{color:var(--color-blue-primary)!important}.btn-explore:hover:after{width:100%}.btn-explore .arrow{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.btn-explore:hover .arrow{transform:translate(4px,-4px)}
.skills-section{background:var(--color-black);padding:120px 0;position:relative}.skills-title{color:var(--color-white);text-align:center;letter-spacing:-.02em;font-weight:800;margin-bottom:60px!important}.skills-title span{color:var(--color-blue-primary)}.skill-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;height:100%;padding:24px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.skill-card:hover{background:#00a3ff05;border-color:#00a3ff4d;transform:translateY(-8px);box-shadow:0 20px 40px -20px #00000080}.skill-category{color:var(--color-white);justify-content:center;align-items:center;gap:12px;width:100%;font-size:1.25rem;font-weight:700;display:flex;margin-bottom:23px!important}.skill-category:before{content:"";background:var(--color-blue-primary);border-radius:2px;width:4px;height:24px}.skill-card:hover .skill-category:before{background:var(--color-yellow)}.skill-list{flex-direction:column;gap:10px;width:100%;display:flex}.skill-item{color:var(--color-slate);text-align:center;cursor:default;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:500;transition:all .2s}.skill-card:hover .skill-item{background:#ffffff0d;border-color:#ffffff26}.skill-item:hover{transform:translate(3px);background:var(--color-blue-primary)!important;color:var(--color-white)!important;border-color:var(--color-blue-primary)!important}@media (max-width:768px){.skills-section{padding:80px 0}.skills-title{font-size:2.5rem;margin-bottom:60px!important}.skill-category{font-size:1.1rem;margin-bottom:20px!important}.skill-item{padding:12px 10px;font-size:.95rem}}
.contact-section{background:var(--color-black);text-align:center;justify-content:center;align-items:center;padding:180px 0;display:flex;position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#00a3ff08 0%,#0000 60%);width:60vw;height:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-content{z-index:1;position:relative}.contact-overline{color:var(--color-blue-primary);letter-spacing:.2em;font-weight:700;display:block;margin-bottom:24px!important;font-size:.9rem!important}.contact-title{background:linear-gradient(135deg,var(--color-white)30%,var(--color-slate-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;letter-spacing:-.02em!important;margin-bottom:32px!important;font-size:clamp(3rem,10vw,5rem)!important;font-weight:800!important;line-height:1.1!important}.contact-description{color:var(--color-slate);max-width:600px;font-weight:400;margin:0 auto!important;font-size:1.15rem!important;line-height:1.8!important}.btn-say-hello{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.05em;color:var(--color-white)!important;text-transform:none!important;background:#ffffff08!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:1.2rem 4rem!important;font-size:1.1rem!important;font-weight:700!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.btn-say-hello:hover{transform:translateY(-4px);border-color:var(--color-blue-primary)!important;color:var(--color-blue-primary)!important;background:#00a3ff14!important;box-shadow:0 10px 30px -10px #00a3ff4d!important}.social-stack{margin-top:48px}.social-icon-btn{color:var(--color-slate)!important;background:0 0!important;border:1px solid #0000!important;padding:12px!important;transition:all .3s!important}.social-icon-btn:hover{transform:translateY(-4px);color:var(--color-yellow)!important;background:#facc150d!important;border-color:#facc1533!important}.contact-input{background:#ffffff05!important;border-radius:12px!important}.contact-input .MuiOutlinedInput-root{color:var(--color-white)!important;border-radius:12px!important}.contact-input .MuiOutlinedInput-notchedOutline{border-color:#ffffff1a!important}.contact-input:hover .MuiOutlinedInput-notchedOutline{border-color:#fff3!important}.contact-input .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-blue-primary)!important}.contact-input .MuiInputLabel-root{color:var(--color-slate)!important}.contact-input .Mui-focused.MuiInputLabel-root{color:var(--color-blue-primary)!important}.contact-form-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff03;border:1px solid #ffffff0d;border-radius:24px;padding:40px}.btn-send-message{color:var(--color-white)!important;text-transform:none!important;background:#ffffff08!important;border:1px solid #ffffff1a!important;border-radius:12px!important;margin-top:16px!important;padding:1rem 3rem!important;font-size:1rem!important;font-weight:600!important;transition:all .3s!important}.btn-send-message:hover{transform:translateY(-2px);border-color:var(--color-blue-primary)!important;background:#00a3ff14!important;box-shadow:0 10px 20px -10px #00a3ff4d!important}.btn-send-message:disabled{opacity:.5!important;cursor:not-allowed!important}.contact-alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white)!important;background-color:#00a3ff0d!important;border:1px solid #00a3ff33!important;border-radius:8px!important;margin-top:24px!important}.contact-alert.MuiAlert-standardSuccess{background-color:#22c55e0d!important;border-color:#22c55e33!important}.contact-alert.MuiAlert-standardError{background-color:#ef44440d!important;border-color:#ef444433!important}.contact-success-view{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-top:32px;padding:60px 20px;display:flex}.btn-back{color:var(--color-blue-primary)!important;text-transform:none!important;border-color:#00a3ff4d!important;border-radius:8px!important;padding:8px 24px!important;font-weight:600!important;transition:all .3s!important}.btn-back:hover{transform:scale(1.05);border-color:var(--color-blue-primary)!important;background:#00a3ff0d!important}
.footer-section{background:var(--color-black);text-align:center;border-top:1px solid #ffffff0d;padding:40px 0}.footer-credit{color:var(--color-white);opacity:.4;letter-spacing:1px;font-weight:500;transition:all .3s}.footer-credit:hover{color:var(--color-yellow);opacity:1}.footer-tech{color:var(--color-white);opacity:.2;margin-top:8px;font-size:.7rem;display:block}