*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#e2e8f0;line-height:1.6;min-height:100vh}.main-content{max-width:1280px;margin:0 auto;padding:0 1rem}.hero-section{text-align:center;padding:5rem 0}.hero-section h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}@media(max-width:768px){.hero-section h1{font-size:2rem}}.gradient-text{background:linear-gradient(90deg,#60a5fa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section p{font-size:1.25rem;color:#cbd5e1b3;max-width:42rem;margin:0 auto}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#60a5fa,#06b6d4);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#3b82f6,#0891b2)}.navbar{display:flex;position:sticky;top:0;z-index:50;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(71,85,105,.5);box-shadow:0 4px 6px #0000001a}.navbar-container{max-width:1280px;width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:4rem}.navbar-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none}.logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#60a5fa,#06b6d4);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#0f172ae6}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.nav-item{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#cbd5e1cc;text-decoration:none;transition:all .3s ease}.nav-item:hover{background-color:#4755694d;color:#fff}.btn-get-started{margin-left:1rem;padding:.5rem 1.5rem;background:linear-gradient(90deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #06b6d400}.btn-get-started:hover{box-shadow:0 0 20px #06b6d480;transform:translateY(-2px)}.hambuger{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;cursor:pointer;border-radius:.5rem;transition:background-color .3s ease}.hamburger-line{width:1.5rem;height:.25rem;background-color:#fff;border-radius:.125rem;transition:all .3s ease}.hamburger{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .3s ease}.hamburger:hover{background-color:#4755694d}@media(max-width:768px){.hamburger{display:flex;align-items:center;justify-content:center}.navbar-menu{display:none}}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(.5rem,.75rem)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(.5rem,-.75rem)}.mobile-menu{display:none;position:absolute;top:4rem;left:0;right:0;background:#0f172afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(71,85,105,.5);flex-direction:column;gap:.5rem;padding:1rem;animation:slideDown .3s ease}.mobile-menu.active{display:flex}@media(min-width:768px){.mobile-menu{display:none!important}}.mobile-nav-item{padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#cbd5e1cc;text-decoration:none;transition:all .3s ease;display:block}.mobile-nav-item:hover{background-color:#4755694d;color:#fff}.btn-get-started-mobile{margin-top:.5rem;padding:.75rem 1rem;background:linear-gradient(90deg,#3b82f6,#06b6d4);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-get-started-mobile:hover{box-shadow:0 0 20px #06b6d480;transform:translateY(-2px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-page-container{width:100%;min-height:100vh;padding:3% 5%;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;justify-content:center}.intro-text{margin-bottom:2%}.sub-title{font-size:3.5vw;margin-bottom:1%}.about-me-text{font-size:1.2vw;line-height:1.5;width:95%;opacity:.9}.bottom-section{display:flex;width:100%;gap:4%;align-items:stretch}.intro-img{flex:35;display:flex;flex-direction:column}.intro-img img{width:100%;height:auto;border-radius:2vw;display:block}.img-caption{margin-top:1vh;font-size:.9vw;color:#888;text-align:center}.skill-box{flex:65;background-color:#f8f9fa;color:#333;padding:2.5%;border-radius:1.5vw;display:flex;flex-direction:column}.skill-box h3{margin-bottom:2%;font-size:1.8vw;font-weight:700;color:#222}.skill-box ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5%;list-style:none;padding:0;margin:0;flex-grow:1}.skill-box li{background:#fff;border:1px solid #e0e0e0;border-left:.4vw solid #4a90e2;padding:1vh .5vw;text-align:center;border-radius:.5vw;font-size:1.1vw;font-weight:600;box-shadow:0 2px 5px #0000000d;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.skill-box li:hover{transform:scale(1.03);box-shadow:0 4px 15px #0000001a;background-color:#f0f7ff}@media(max-width:1024px){.sub-title{font-size:2.5rem}.about-me-text{font-size:1.1rem;width:100%}.bottom-section{flex-direction:column}.skill-box h3{font-size:1.5rem}.skill-box li{font-size:1rem;padding:15px}.img-caption{font-size:.8rem}}@media(max-width:768px){.home-page-container{width:100%;padding:1rem;box-sizing:border-box}.sub-title{font-size:2rem}.about-me-text{font-size:1rem;width:100%}.bottom-section{flex-direction:column;width:100%;gap:1.5rem}.skill-box{border-radius:12px}.skill-box h3{font-size:1.3rem}.skill-box ul{grid-template-columns:repeat(2,1fr);gap:.5rem}.skill-box li{font-size:.9rem;padding:10px 8px;border-left-width:4px;border-radius:6px}.img-caption{font-size:.8rem}}.experience-list{width:100%;max-width:90vw;margin:0 auto;display:flex;flex-direction:column;gap:2vh;padding-bottom:5vh}.section-title{text-align:center;font-size:3vw;margin-top:5vh;margin-bottom:3vh;color:#e0e0e0;border-bottom:.2vw solid rgba(255,255,255,.1);padding-bottom:1vh;display:block;width:100%}.section-block{margin-bottom:6vh}.exp-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1vw;overflow:hidden;transition:all .3s ease;box-shadow:0 .5vh 1.5vh #0003}.exp-item:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.exp-header{padding:2vw;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.exp-main-info h3{margin:0 0 .5vh;font-size:1.5vw;color:#61dafb}.exp-company{font-weight:600;font-size:1.1vw;color:#e0e0e0}.exp-meta{text-align:right;font-size:1vw;color:#a0a0a0;min-width:12vw}.arrow-icon{margin-left:2vw;width:1.2vw;height:auto;transition:transform .3s ease}.arrow-icon.open{transform:rotate(180deg)}.exp-content{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out;background:#0003}.exp-content.open{max-height:80vh;padding:0 2vw 2vw}.exp-content ul{margin:0;padding-left:2vw}.exp-content li{margin-bottom:1vh;line-height:1.6;font-size:1.05vw;color:#d0d0d0}@media(max-width:900px){.section-title{font-size:2rem}.exp-main-info h3{font-size:1.3rem}.exp-company{font-size:1rem}.exp-meta{text-align:left;font-size:.85rem;margin-top:1vh}.exp-content li{font-size:.95rem}.exp-header{flex-direction:column;align-items:flex-start}.arrow-icon{position:absolute;right:3vw;top:3vh;width:20px}.exp-item{position:relative;border-radius:12px}}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:5vh 5vw;box-sizing:border-box}.media-container{display:flex;justify-content:center;margin-bottom:4vh;position:relative;width:100%}.linkedin-btn{display:inline-flex;align-items:center;gap:.8vw;padding:.8vh 2vw;background:linear-gradient(135deg,#0077b5,#004a73);color:#fff;text-decoration:none;font-weight:600;font-size:1.1vw;border-radius:5vw;box-shadow:0 .5vh 1.5vh #0077b533;transition:all .3s ease}.linkedin-btn .icon{width:1.2vw;height:1.2vw}.linkedin-btn:hover{transform:translateY(-.3vh);box-shadow:0 .8vh 2vh #0077b566}.media-container:after{padding:2;content:"OR";position:absolute;bottom:-3vh;font-size:.8vw;color:#9ca3af;letter-spacing:.3vw;font-weight:700}.contact-card{width:100%;max-width:35vw;background-color:#fff;border-radius:1.5vw;box-shadow:0 1vh 3vh #00000026;padding:3vw}.contact-title{font-size:2.2vw;font-weight:700;margin-bottom:2.5vh;color:#1f2937;text-align:center}.contact-form{display:flex;flex-direction:column;gap:2vh}.form-label{font-size:.9vw;font-weight:500;color:#374151;margin-bottom:.5vh}.form-input,.form-textarea{width:100%;padding:1vh .8vw;border:1px solid #d1d5db;border-radius:.5vw;font-size:1vw;background-color:#f9fafb;transition:all .2s ease}.form-input:focus,.form-textarea:focus{background-color:#fff;outline:.2vw solid #2563eb;border-color:transparent;box-shadow:0 0 0 .5vw #0077b51a}.form-textarea{min-height:15vh;resize:vertical}.submit-button{width:100%;background-color:#2563eb;color:#fff;font-weight:600;padding:1.5vh;font-size:1.1vw;border:none;border-radius:.6vw;cursor:pointer;transition:all .2s ease}.submit-button:hover{background-color:#1d4ed8;transform:scale(1.02)}@media(max-width:1024px){.contact-card{max-width:80%}.contact-title{font-size:1.8rem}.linkedin-btn{font-size:.9rem;padding:10px 20px}.form-label{font-size:.85rem}.form-input,.form-textarea,.submit-button{font-size:1rem}.linkedin-btn .icon{width:16px;height:16px}}.testimony-section{width:100%;padding:5vh 5vw;box-sizing:border-box;color:#fff}.testimony-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(22vw,1fr));gap:2vw;margin-top:4vh}.testimony-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2.5vw;border-radius:1.5vw;position:relative;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.testimony-card:hover{border-color:#0077b5;transform:translateY(-.5vh);background:#ffffff0d}.linkedin-corner-link{position:absolute;top:1.2vw;right:1.2vw;color:#0077b5;font-size:1.3vw;opacity:.6;transition:opacity .3s ease}.linkedin-corner-link:hover{opacity:1}.author-img{width:3.5vw;height:3.5vw;min-width:40px;min-height:40px;border-radius:50%;object-fit:cover;margin-right:1vw}.testimony-author{display:flex;align-items:center;margin-top:2vh}.testimony-author p{font-size:1vw;font-weight:600}.testimony-card blockquote{font-size:1.1vw;line-height:1.6;margin:0;opacity:.9}@media(max-width:1024px){.testimony-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.testimony-card{border-radius:18px;padding:25px}.author-img{width:50px;height:50px}.testimony-card blockquote,.testimony-author p{font-size:1rem}.linkedin-corner-link{font-size:1.2rem;top:16px;right:16px}}@media(max-width:768px){.testimony-section{padding:1.5rem 1rem}.testimony-grid{grid-template-columns:1fr;gap:1rem}.testimony-card{border-radius:14px;padding:20px;max-width:100%}.linkedin-corner-link{font-size:1.2rem;top:14px;right:14px}.author-img{width:44px;height:44px}}