*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}.navbar-header{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#ffffffd1;border-bottom:1px solid #0ea5e91f;align-items:center;width:100%;height:68px;transition:box-shadow .3s,background .3s;display:flex;position:fixed;top:0;left:0}.navbar-header.navbar-scrolled{background:#fffffff5;box-shadow:0 4px 30px #0ea5e91f}.navbar-inner{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:0 5%;display:flex}.navbar-logo img{width:auto;height:48px;transition:opacity .2s;display:block}.navbar-logo img:hover{opacity:.8}.navbar-links{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.navbar-links li{display:inline-flex}.nav-link{letter-spacing:.06em;color:#374151;text-transform:uppercase;border-radius:4px;align-items:center;padding:6px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .25s;display:inline-flex;position:relative}.nav-link:after{content:"";transform-origin:0;background:#0ea5e9;border-radius:2px;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(0)}.nav-link:hover{color:#0ea5e9}.nav-link:hover:after{transform:scaleX(1)}.nav-link-active{color:#0284c7;font-weight:700}.nav-link-active:after{background:#0284c7;transform:scaleX(1)}.hamburger{cursor:pointer;background:#0ea5e912;border:1.5px solid #0ea5e933;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:background .2s;display:none}.hamburger:hover{background:#0ea5e926}.hamburger span{transform-origin:50%;background:#0ea5e9;border-radius:2px;width:20px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.hamburger.hamburger-open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.hamburger-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sidebar-overlay{z-index:1999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:none;position:fixed;inset:0}.mobile-sidebar{z-index:2000;background:#fff;flex-direction:column;width:280px;height:100vh;padding:0;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-320px;box-shadow:-10px 0 40px #00000026}.mobile-sidebar.mobile-sidebar-open{right:0}.sidebar-header{border-bottom:1px solid #f0f9ff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sidebar-brand{color:#0ea5e9;letter-spacing:.05em;font-size:1.2rem;font-weight:800}.sidebar-close{color:#0ea5e9;cursor:pointer;background:#0ea5e914;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.3rem;transition:background .2s;display:flex}.sidebar-close:hover{background:#0ea5e92e}.sidebar-nav{flex-direction:column;gap:4px;margin:0;padding:16px;list-style:none;display:flex}.sidebar-link{color:#374151;text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:12px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:block}.sidebar-link:hover{color:#0ea5e9;background:#0ea5e914}.sidebar-link-active{color:#0284c7;background:#0ea5e91f;font-weight:700}@media (width<=768px){.navbar-links{display:none}.hamburger{display:flex}.sidebar-overlay{display:block}}body{background:#e6f2f7;padding-top:88px}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;z-index:2000;background:linear-gradient(#004d55d9 0%,#002a2df2 100%);border-left:1px solid #ffffff1a;width:280px;height:100vh;padding:80px 30px;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-280px;box-shadow:-20px 0 50px #0006,inset 1px 0 #ffffff1a}.sidebar-menu{margin:0;padding:0;list-style:none}.sidebar-menu li{margin-bottom:25px}.sidebar-menu li a{color:#ffffffe6;border-bottom:1px solid #ffffff1a;padding-bottom:10px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.sidebar-menu li a:hover{color:#fff;border-bottom-color:#38bdf8;padding-left:10px}.sidebar.active{right:0}@media (width<=768px){.sidebar{width:150px;padding:15px 10px}}@media (width>=768px){.sidebar{display:none}}nav{justify-content:space-between;align-items:center;padding:0 6%;display:flex}.logo img{width:auto;max-height:70px}.mobile{display:none}.nav-list{text-align:right;flex:1}.nav-list ul{margin:0;padding:0}.nav-list ul li{padding:8px 12px;font-size:1.5rem;list-style:none;display:inline-block;position:relative}.nav-list ul li a{color:#3c3cc9;text-decoration:none}.nav-list ul li a:after{content:"";background:#f805d7fc;width:0%;height:2px;margin:auto;transition:width .3s;display:block}.nav-list ul li a:hover:after{width:100%}.nav-list ul li a.active,.sidebar-menu li a.active{color:#7dd3fc}.hero-welcome{text-align:center;margin-bottom:2px;padding:5px 0}.hero-welcome h1{color:#444;opacity:0;letter-spacing:1px;font-size:1.8rem;font-weight:700;animation:1s ease-out .3s forwards slideUp;transform:translateY(20px)}.accent-hr{background:linear-gradient(90deg,#38bdf8,#0ea5e9);border:none;border-radius:2px;width:100px;height:4px;margin:10px auto}.main{min-height:100vh}.default1{justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:20px 6%;display:flex}.hero-content{justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1200px;display:flex}.hero-text{opacity:0;flex:1;max-width:600px;animation:1s ease-out .5s forwards slideUp;transform:translateY(30px)}.hero-greeting{color:#38bdf8;text-transform:uppercase;letter-spacing:.2em;opacity:.8;margin-bottom:8px;font-size:1.1rem;font-weight:700;display:block}.hero-name{color:#1a1a1a;letter-spacing:-.02em;margin-bottom:20px;font-size:4.5rem;font-weight:900;line-height:1.05}.hero-typewriter{align-items:center;gap:2px;min-height:2.2rem;margin-bottom:25px;display:flex}.typewriter-text{color:#0ea5e9;letter-spacing:.12em;text-transform:uppercase;font-size:1.15rem;font-weight:700}.typewriter-cursor{color:#38bdf8;margin-left:1px;font-size:1.3rem;font-weight:300;line-height:1;animation:.75s step-end infinite blink-cursor}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.hero-description{color:#555;max-width:480px;margin-bottom:40px;font-size:1.15rem;font-weight:400;line-height:1.7}.hero-btns{gap:20px;display:flex}.btn{border-radius:50px;padding:14px 30px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 10px 20px #0ea5e933}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0ea5e94d}.btn-secondary{color:#333;background:#fff;border:2px solid #eee}.btn-secondary:hover{color:#38bdf8;border-color:#38bdf8;transform:translateY(-3px)}.hero-image-container{opacity:0;flex:1;justify-content:center;animation:1s ease-out .5s forwards slideRight;display:flex;position:relative;transform:translate(50px)}.image-wrapper{z-index:1;position:relative}.hero-img{object-fit:cover;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:420px;height:480px;transition:all .5s cubic-bezier(.4,0,.2,1);animation:6s ease-in-out infinite float;box-shadow:0 25px 50px -12px #00000040}.hero-img:hover{border-radius:40% 60% 70% 30%/40% 70% 30% 60%;transform:scale(1.05)}.image-accent{z-index:-1;opacity:.2;border:2px solid #38bdf8;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:100%;height:100%;animation:6s ease-in-out infinite floatAccent;position:absolute;top:20px;right:20px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes floatAccent{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(15px,15px)rotate(-2deg)}}@keyframes slideRight{to{opacity:1;transform:translate(0)}}.default2{background-color:#f8fbff;border-radius:40px;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:40px;margin:0 6% 80px;padding:80px 6%;display:flex}.home-default2right,.home-default2left{background:#fff;border:none;border-radius:30px;width:45%;min-width:320px;height:auto;padding:40px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000000f}.home-default2right:before,.home-default2left:before{content:"";background:linear-gradient(#38bdf8,#0ea5e9);width:5px;height:100%;position:absolute;top:0;left:0}.home-default2right:hover,.home-default2left:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0000001a}.home-default2left{margin-left:0}.section-card-title{color:#333;margin-bottom:25px;padding-bottom:10px;font-size:1.5rem;font-weight:700;position:relative}.section-card-title:after{content:"";background:#38bdf8;border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.edu-list{padding:0;list-style:none}.edu-list li{gap:20px;margin-bottom:15px;display:flex;position:relative}.edu-list li:last-child{margin-bottom:0}.edu-icon{color:#0ea5e9;background:#f0f4ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.edu-info{flex-direction:column;display:flex}.edu-year{color:#38bdf8;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.edu-info p,.edu-info a{color:#333;margin-top:5px;font-size:1.1rem;font-weight:600;text-decoration:none}.edu-info a:hover{color:#0ea5e9}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;width:100%;display:grid}.skill-item{background:linear-gradient(135deg,#004d5514 0%,#ffffff80 100%);border:2px solid #004d5526;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:55px;padding:5px 4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.skill-item:before{content:"";transform-origin:0;background:linear-gradient(90deg,#004d55,#00b4cc);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.skill-item:hover:before{transform:scaleX(1)}.skill-item:hover{background:linear-gradient(135deg,#004d5526 0%,#fffc 100%);border-color:#004d5566;transform:translateY(-2px);box-shadow:0 3px 12px #004d551a}.skill-item i{font-size:26px;transition:transform .3s}.skill-item:hover i{transform:scale(1.08)}.skill-item span{color:#2c3e50;text-align:center;font-size:.65rem;font-weight:700;line-height:1}.skill-category{background:#fff9;border-left:5px solid #004d55;border-radius:15px;margin-bottom:10px;padding:8px;transition:all .3s}.skill-category:hover{background:#ffffffe6;box-shadow:0 5px 20px #004d5514}.skill-category-header{align-items:center;gap:5px;margin-bottom:6px;display:flex}.skill-category-header i{color:#004d55;font-size:14px}.skill-category-title{color:#004d55;text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:.7rem;font-weight:700}.main{flex-direction:column;height:auto;min-height:calc(100vh - 100px);font-size:1.1rem;display:flex}.main hr{text-align:center;color:#fff;justify-content:center;width:12vw}.default-about{flex:1;justify-content:center;align-items:center;gap:70px;max-width:1600px;margin:0 auto;padding:30px 5%;display:flex}.default-about .about1{flex:1;justify-content:center;align-items:center;display:flex}.default-about .about2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff6;border:1px solid #0ea5e926;border-left:6px solid #38bdf8;border-radius:20px;flex:1.4;padding:30px;box-shadow:0 20px 40px #0000000a}.default-about .about2 p{color:#444;opacity:0;margin:0;font-size:1.15rem;line-height:1.8;animation:1s ease-out .4s forwards slideUp;transform:translateY(30px)}.default-about .about1 img{object-fit:cover;opacity:0;border:3px solid #38bdf8;border-radius:40px;width:380px;height:380px;animation:1s ease-out forwards slideInLeft;transform:translate(-50px);box-shadow:0 25px 50px #0000001a}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes slidedown{to{opacity:1;transform:translateY(0)}}@keyframes move{to{left:0}}.footer{text-align:center;color:#fff;z-index:1;background:linear-gradient(135deg,#00636e,#004d55);border-radius:60px 60px 0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:200px;padding:40px 20px;display:flex;box-shadow:0 -10px 30px #0000001a}.footer .social-links{margin-top:40px;margin-bottom:15px}.footer .social-links a{margin:0 15px;font-size:1.8rem;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.footer .social-links a:hover{opacity:1;transform:translateY(-8px)scale(1.1)}.footer p{color:#ffffffb3;letter-spacing:.5px;margin-top:20px;font-size:.9rem}.contact-section{flex-direction:column;align-items:center;min-height:calc(100vh - 100px);padding-bottom:100px;display:flex}.contact-container{align-items:stretch;gap:40px;width:100%;max-width:1100px;margin:40px auto;padding:0 20px;display:flex}.contact-info{background:#fff;border-radius:20px;flex-direction:column;flex:1;justify-content:center;padding:40px;display:flex;box-shadow:0 15px 40px #0000000a}.contact-info h3{color:#1a1a1a;margin-bottom:15px;font-size:1.8rem}.contact-info p{color:#666;margin-bottom:30px;line-height:1.6}.info-details{margin-bottom:30px}.info-item{align-items:center;gap:15px;margin-bottom:20px;display:flex}.info-item i{color:#38bdf8;background:#fdf2ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.social-links-panel{justify-content:center;gap:20px;margin-top:25px;display:flex}.social-links-panel a{color:#555;background:#f8fbff;border:1px solid #00000008;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.6rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.social-links-panel a:hover{color:#fff;transform:translateY(-5px)scale(1.1);box-shadow:0 10px 20px #0000001a}.social-links-panel a:hover .ri-github-fill{color:#fff}.social-links-panel a:hover:has(.ri-github-fill){background:#181717}.social-links-panel a:hover:has(.ri-linkedin-box-fill){background:#0077b5}.social-links-panel a:hover:has(.ri-facebook-circle-fill){background:#1877f2}.contact-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff6;border:1px solid #0ea5e926;border-top:6px solid #38bdf8;border-radius:20px;flex:1.5;padding:40px;box-shadow:0 20px 40px #0000000d}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}.form-group{text-align:left;margin-bottom:25px}.form-group label{color:#38bdf8;margin-bottom:8px;font-size:.95rem;font-weight:600;transition:all .3s;display:block}.form-group input,.form-group textarea{color:#333;background:#fffc;border:2px solid #0000;border-radius:12px;outline:none;width:100%;padding:12px 15px;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#38bdf8;box-shadow:0 0 15px #0ea5e91a}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#7dd3fc);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 20px #0ea5e933}.submit-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 30px #0ea5e94d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ri-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-status{text-align:center;border-radius:12px;margin-top:20px;padding:15px;font-size:.95rem;font-weight:600;animation:.5s ease-out fadeInDown;display:none}.form-status.active{display:block}.form-status.success{color:#2ed573;background:#2ed5731a;border:1px solid #2ed57333}.form-status.error{color:#ff4757;background:#ff47571a;border:1px solid #ff475733}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.mobile{justify-content:space-between;align-items:center;padding:0 20px;display:flex}#menu-icon{color:#38bdf8;cursor:pointer;z-index:2100;text-shadow:0 2px 10px #0000001a;font-size:38px;transition:all .3s;display:block;position:fixed;top:25px;right:60px}#menu-icon:hover{color:#7dd3fc;transform:scale(1.1)}.navlist-mobile i{display:none}.nav-list .menu{font-size:20px;display:block}.nav-list{display:none}.hero-content{text-align:center;flex-direction:column-reverse;gap:40px}.hero-text{flex-direction:column;align-items:center;display:flex}.hero-name{font-size:2.5rem}.hero-taglines{justify-content:center}.hero-img{width:300px;height:340px}.hero-btns{flex-direction:column;width:100%}.btn{width:100%}.logo{margin-left:-34px}.default-about{flex-direction:column;gap:30px;min-height:auto;padding:40px 6%}.default-about .about1{width:100%}.default-about .about1 img{border-radius:30px;width:240px;height:240px;margin:0 auto;animation:.8s ease-out forwards slideUp;transform:none}.default-about .about2{border-left-width:4px;border-radius:15px;width:100%;padding:25px}.default-about .about2 p{text-align:center;padding:0;font-size:1rem;line-height:1.6}.contact-container{flex-direction:column;gap:20px}.form-row{flex-direction:column;gap:0}.contact-info{margin-bottom:20px;padding:30px}.contact-card{padding:30px}}