@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Bebas+Neue&family=Bree+Serif&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Purple+Purse&display=swap";:root{--font-main: "Inter", sans-serif;--font-heading: "Inter", sans-serif;--font-main-color: var(--white);--font-secondary-color: var(--gray);--font-tertiary-color: var(--light-gray);--font-title: 700;--font-subtitle: 600;--font-text: 400;--black: #1a1a1a;--light-black: #2c2c2c;--white: #ffffff;--blue: #225bff;--purple: #883bea;--light-blue: #a6e0f3;--gray: #b9b9b9;--light-gray: #bbbbbb;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-blur: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:linear-gradient(135deg,#e0f7ff,#f7f6f9 75% 100%);background-size:cover;min-height:100vh;color:var(--black);overflow:hidden}#root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{display:none}@keyframes slideInRight{0%{transform:translate(100%) scale(.8);opacity:0;filter:blur(10px)}to{transform:translate(0) scale(1);opacity:1;filter:blur(0)}}@keyframes slideOutLeft{0%{transform:translate(0) scale(1);opacity:1;filter:blur(0)}to{transform:translate(-50%) scale(.6);opacity:0;filter:blur(10px)}}.anim-enter{animation:slideInRight 1.5s cubic-bezier(.4,0,.2,1) forwards}.anim-exit{animation:slideOutLeft 1.8s cubic-bezier(.4,0,.2,1) forwards}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(25px,-15px) rotate(5deg)}50%{transform:translateY(-30px) rotate(0)}75%{transform:translate(-25px,-15px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.contact-btn{padding:6px 20px;border-radius:30px;border:1px solid var(--gray);background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;font-family:var(--font-main);color:var(--gray);transform:scale(.8);transform-origin:left center}.contact-btn:hover{border-color:var(--black);background-color:var(--black);color:var(--blue)}.contact-btn:hover svg{fill:var(--blue);color:var(--blue)}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutZoom{0%{opacity:1;transform:scale(1)}to{transform:scale(.8)}}.app-container{width:100vw;height:100vh;max-width:1440px;margin:0 auto;position:relative;display:flex;overflow:hidden;flex-direction:row}.profile-section{width:45%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:20}.content-section{width:55%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.footer-controls{position:absolute;bottom:40px;right:60px;display:flex;z-index:100}.header-nav{position:absolute;top:40px;left:0;width:100%;display:flex;justify-content:center;gap:40px;z-index:100}.responsive-hide{display:block}@media(max-width:767px){.app-container{display:grid;grid-template-columns:1fr;grid-template-rows:10vh 30vh 1fr;gap:2vh;height:100vh;width:100vw;padding:0;box-sizing:border-box;overflow:hidden}.experience-card{width:90%}.app-bg{position:fixed!important;width:100vw!important;height:100vh!important;z-index:0}.header-nav{grid-row:1;position:relative;top:0;width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;z-index:100;padding:0 10px}.header-nav button{font-size:10px!important;padding:4px!important;white-space:nowrap}.profile-section{grid-row:2;width:100%;height:100%;padding:0;z-index:20;justify-content:center;align-items:center}.profile-section>div:first-child{margin-bottom:10px!important}.profile-section img{max-height:25vh;width:auto;object-fit:cover}.profile-section h1{font-size:28px!important;margin-bottom:2px!important;line-height:1.1}.profile-section h2{font-size:16px!important}.content-section{grid-row:3;width:90vw;height:100%;justify-self:center;z-index:10;padding:0!important;margin:0!important;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start!important}.content-section>div{width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;padding-right:0!important}.content-section p,.content-section li,.content-section span,.content-section strong,.content-section h3{text-align:left!important;width:100%}.footer-controls{position:fixed!important;bottom:30px!important;left:50%!important;transform:translate(-50%)!important;right:auto!important;width:auto!important;height:auto!important;background:#fff!important;border-radius:100px!important;padding:5px 20px!important;box-shadow:0 4px 10px #0000001a;z-index:100;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--black)!important}.footer-controls-btn{margin-left:0!important;border:1px solid var(--black)!important}.responsive-hide{display:none!important}.content-section h1,.content-section h2{font-size:30px!important;margin-bottom:10px!important;line-height:1.2!important;text-align:left!important;width:100%}.content-section h3{font-size:16px!important;margin-bottom:4px!important}.content-section p,.content-section li,.content-section span,.content-section strong{font-size:13px!important;line-height:1.4!important}.content-section div[style*="padding: 20px"]{padding:12px!important;margin-bottom:10px!important}.app-container>img[src*=orb]{z-index:5!important;opacity:.4!important}.who-am-i-container{padding-right:0!important}.skills-grid{gap:0!important;flex-direction:column}.hobbies-title{font-size:30px}.contact-title{color:var(--black)!important}.contact-btn{border:1px solid var(--black)!important;color:var(--black)!important}.contact-btn:hover{color:#fff!important}.contact-linkedin{width:80px!important}.contact-header{margin-bottom:0!important}.who-am-i-container,.education-container,.experience-container,.skills-container{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%!important;height:auto!important;margin-top:0!important;padding-top:0!important;margin-bottom:40px!important}.who-am-i-container{margin-bottom:160px!important}.contact-container{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin-top:0!important;margin-bottom:100px!important}.contact-header,.contact-actions{width:auto!important;align-self:center!important}.content-section h1,.content-section h2{font-size:40px!important}}@media(min-width:768px)and (max-width:1024px){.app-container{padding:0 40px;width:100vw;box-sizing:border-box;gap:40px}.profile-section{width:45%}.content-section{width:55%;padding-right:20px}.skills-grid{gap:0!important;flex-direction:column}.footer-controls{position:fixed!important;bottom:100px!important;left:50%!important;transform:translate(-50%)!important;right:auto!important;width:auto!important;height:auto!important;background:#fff!important;border-radius:100px!important;padding:5px 20px!important;box-shadow:0 4px 10px #0000001a;z-index:100;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--black)!important}.footer-controls-btn{margin-left:0!important;border:1px solid var(--black)!important}.who-am-i-title,.experience-title,.education-title,.skills-title,.contact-title,.hobbies-title{font-size:42px!important}.who-am-i-text,.experience-card-company,.education-card-sub,.hobbies-text{font-size:16px!important}.experience-card-title,.education-card-title,.skill-name{font-size:18px!important}.who-am-i-container{padding-right:150px!important}.profile-section img{max-height:45vh}.footer-controls{bottom:30px;right:40px}.app-container>img[src*=orb]{z-index:5}.responsive-hide{display:none!important}.who-am-i-container{padding-right:0!important}}.who-am-i-container{width:100%;height:100%;position:relative;display:flex;align-items:center;padding-right:300px}.who-am-i-content{max-width:600px;z-index:2}.who-am-i-title{font-size:56px;font-weight:var(--font-title);color:var(--gray);margin-bottom:20px}.who-am-i-text{font-size:18px;line-height:1.6;color:var(--black)}.experience-container{width:100%;position:relative}.experience-title{font-size:56px;font-weight:var(--font-title);color:var(--gray);margin-bottom:40px}.experience-list{max-width:600px}.experience-card{background:#1a1a1a;color:#fff;padding:20px;border-radius:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000004d;width:100%}.experience-card-title{font-size:21px;margin-bottom:5px}.experience-card-company{font-size:14px;color:#ccc}.experience-card-dates{font-size:12px;color:#999;font-style:italic}.experience-card-logo{width:40px;height:40px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.experience-card-logo img{width:100%;height:100%;object-fit:contain}.experience-decoration-laptop{position:absolute;bottom:-250px;left:0;right:0;width:300px;z-index:-1;filter:blur(4px);animation:float 12s linear infinite;animation-delay:1.8s}.experience-decoration-branches{position:absolute;top:-20px;right:0;width:180px;z-index:-1;filter:blur(4px);animation:float 14s linear infinite;animation-delay:1.8s}.education-container{width:100%;position:relative;z-index:20}.education-content{max-width:600px}.education-title{font-size:56px;font-weight:var(--font-title);color:var(--gray);margin-bottom:30px}.education-card{background:transparent;color:#333;padding:20px;margin-bottom:20px;display:flex;align-items:center;width:100%;border:1px solid var(--black);border-radius:12px;justify-content:space-between}.education-card-info{width:60%}.education-card-title{font-size:21px;font-weight:700}.education-card-sub{font-size:14px}.education-card-dates{font-size:12px;color:#666}.education-card-logo{width:30%;height:80px;display:flex;align-items:center;justify-content:flex-end}.skills-container{width:100%;padding-left:0}.skills-title{font-size:56px;font-weight:var(--font-title);color:var(--gray);margin-bottom:40px}.skills-grid{display:flex;gap:60px}.skill-bar-wrapper{display:flex;align-items:center;margin-bottom:15px;gap:12px}.skill-name{width:130px;font-weight:700;font-size:20px}.skill-track{width:160px;flex-shrink:0;height:14px;border:2px solid #999;border-radius:10px;padding:2px;background:transparent}.skill-fill{height:100%;background:var(--blue);border-radius:8px;transition:width 1s ease-out}.hobbies-section{margin-top:60px}.hobbies-title{font-size:56px;font-weight:var(--font-title);color:var(--black);margin-bottom:20px}.hobbies-text{font-size:18px;color:#666}.contact-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contact-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.contact-title{font-size:56px;font-weight:700;color:var(--gray)}.contact-linkedin{width:60px;height:60px;background:#0077b5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:700;text-decoration:none;cursor:pointer}.contact-actions{display:flex;flex-direction:column;gap:0px;align-items:flex-start;position:relative}.contact-btn-resume{text-decoration:none;display:flex;align-items:center;justify-content:center}.contact-notification{position:absolute;top:100%;left:0;margin-top:10px;padding:6px 20px;border-radius:30px;border:1px solid var(--black);background-color:var(--black);color:#fff;font-family:var(--font-main);font-size:14px;white-space:nowrap;z-index:100}.footer-controls-btn{background:none;border:2px solid var(--black);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;color:var(--black);margin-left:10px;transition:all .2s ease}