.navbar{padding:1.5rem 2rem;width:100%;position:fixed;top:0;z-index:20;transition:all .3s ease;background:transparent}.navbar.scrolled{background:rgba(5,8,22,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.navbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.logo-text{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-family)}.logo-sub{color:var(--color-text-primary);font-size:1.2rem;font-weight:400}.nav-links{list-style:none;display:flex;gap:3rem}.nav-links li a{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links li:hover a,.nav-links li.active a{color:var(--color-text-primary)}.mobile-menu{display:none}@media screen and (max-width: 768px){.nav-links{display:none}.mobile-menu{display:block;position:relative}.hamburger{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.line{width:100%;height:3px;background-color:#fff;transition:all .3s ease}.line.open:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.line.open:nth-child(2){opacity:0}.line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.mobile-dropdown{position:absolute;top:40px;right:0;background:linear-gradient(135deg,rgba(20,20,40,.95),rgba(50,50,80,.95));border-radius:12px;padding:1rem 2rem;min-width:140px;display:none;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.mobile-dropdown.show{display:flex}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:1rem}.mobile-nav-links li a{color:var(--color-text-secondary);font-size:1rem}.mobile-nav-links li:hover a{color:var(--color-text-primary)}}.hero-section{position:relative;width:100%;height:100vh;margin:0 auto}.hero-container{padding:0 1.5rem;position:absolute;top:120px;max-width:80rem;margin:0 auto;left:0;right:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1.25rem;z-index:10;pointer-events:none}.hero-head,.hero-img-container{pointer-events:auto}.hero-head{display:flex;flex-direction:row;align-items:flex-start;gap:1rem}.hero-line-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1.25rem}.hero-dot{width:1.25rem;height:1.25rem;border-radius:50%;background-color:#915eff}.hero-line{width:.25rem;height:20rem;background:linear-gradient(to bottom,#915eff,transparent)}.hero-title{font-weight:900;color:#fff;font-size:40px;line-height:normal;margin-top:.5rem}.hero-title .text-accent{color:#915eff}.hero-subtitle{color:#dfd9ff;font-weight:500;font-size:16px;margin-top:.5rem}.hero-img-container{display:none}.hero-main-img{width:250px;height:250px;object-fit:cover;border-radius:50%;border:5px solid #7c25ff;box-shadow:0 0 30px #915eff99;transform:translate(35px)}.hidden-mobile{display:none}.scroll-indicator{position:absolute;bottom:2rem;width:100%;display:flex;justify-content:center;align-items:center;z-index:10}.scroll-btn{width:35px;height:64px;border-radius:3rem;border:4px solid #aaa6c3;display:flex;justify-content:center;align-items:flex-start;padding:.5rem;cursor:pointer}.scroll-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:#aaa6c3}@media (min-width: 640px){.hero-container{padding:0 4rem}.hero-title{font-size:60px}.hero-subtitle{font-size:26px}.hero-img-container{display:block}.hero-main-img{width:300px;height:300px}.hidden-mobile{display:block}}@media (min-width: 1024px){.hero-title{font-size:80px;line-height:98px}.hero-subtitle{font-size:30px}.hero-main-img{width:400px;height:400px}}.about-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.about-text{margin-top:1rem;font-size:17px;max-width:48rem;line-height:30px;color:var(--color-text-secondary)}.services-container{margin-top:5rem;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.service-card-wrapper{width:100%;max-width:250px}.service-card{background:var(--color-tertiary);border-radius:20px;padding:3rem 1rem;min-height:280px;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;box-shadow:0 5px 10px #0003;border:1px solid #2b2b2b;transition:transform .3s}.service-card:hover{transform:translateY(-10px)}.service-icon{font-size:50px}.service-title{color:#fff;font-size:20px;font-weight:700;text-align:center}.experience-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.timeline-container{margin-top:5rem;display:flex;flex-direction:column;position:relative;padding-left:2rem}.timeline-line{position:absolute;left:15px;top:0;bottom:0;width:4px;background:#ffffff}.vertical-timeline-element{position:relative;margin-bottom:3rem;padding-left:40px}.timeline-dot{position:absolute;left:-20px;top:0;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;z-index:2;border:4px solid #1d1836}.timeline-content{background:#1d1836;color:#fff;padding:1.5rem;border-radius:.5rem;position:relative;box-shadow:0 3px #915eff}.timeline-title{font-size:24px;font-weight:700;color:#fff}.timeline-company{font-size:16px;font-weight:600;margin:0;color:var(--color-text-secondary)}.timeline-points{margin-top:1rem;list-style-type:disc;margin-left:1.25rem}.timeline-point{color:#dedede;font-size:14px;padding-left:.25rem;margin-bottom:.5rem;letter-spacing:.05em}.timeline-date{display:block;margin-top:1rem;font-size:12px;color:var(--color-text-secondary)}.tech-section{padding:2rem;max-width:1200px;margin:0 auto;display:flex;justify-content:center}.tech-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2.5rem}.tech-icon-wrapper{width:7rem;height:7rem;display:flex;justify-content:center;align-items:center;background:#151030;border-radius:50%;cursor:pointer;transition:all .3s ease;border:1px solid #2b2b2b}.tech-icon-wrapper:hover{transform:translateY(-5px);box-shadow:0 0 20px #915eff66}.tech-icon{font-size:3.5rem;display:flex;align-items:center;justify-content:center}.works-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.works-text{margin-top:1rem;color:var(--color-text-secondary);font-size:17px;max-width:48rem;line-height:30px}.projects-grid{margin-top:5rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.project-card{background:#151030;padding:1.25rem;border-radius:1rem;width:100%;max-width:360px;border:1px solid #2b2b2b}.project-card-image-content{position:relative;width:100%;height:230px;border-radius:1rem;overflow:hidden}.img-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;color:#fff3;font-size:1.5rem}.project-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;margin:.75rem;z-index:10}.card-links{display:flex;gap:.5rem}.card-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;background:black;color:#fff;transition:transform .2s}.card-icon:hover{transform:scale(1.1)}.project-info{margin-top:1.25rem}.project-name{color:#fff;font-weight:700;font-size:24px}.project-desc{margin-top:.5rem;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.project-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:14px}.blue-text-gradient{color:#00cea8}.green-text-gradient{color:#00ff7f}.pink-text-gradient{color:#f272c8}.orange-text-gradient{color:#ffad60}.extracurricular-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.activities-container{margin-top:5rem;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.activity-card-wrapper{width:100%;max-width:500px}.activity-card{background:var(--color-tertiary);border-radius:20px;padding:3rem 2rem;min-height:300px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;box-shadow:0 5px 10px #0003;border:1px solid #2b2b2b;transition:transform .3s;height:100%}.activity-card:hover{transform:translateY(-10px)}.activity-icon{font-size:50px;margin-bottom:1.5rem}.activity-title{color:#fff;font-size:24px;font-weight:700;text-align:center;margin-bottom:1rem}.activity-description{color:var(--color-text-secondary);font-size:16px;line-height:24px;text-align:center}.contact-section{padding:4rem 2rem;max-width:1200px;margin:0 auto;overflow:hidden}.contact-container{display:flex;gap:2.5rem;flex-direction:row;overflow:hidden}.contact-form-wrapper{flex:.75;background:#100d25;padding:2rem;border-radius:1rem;border:1px solid #2b2b2b}.contact-form{margin-top:3rem;display:flex;flex-direction:column;gap:2rem}.form-label{display:flex;flex-direction:column}.label-text{color:#fff;font-weight:500;margin-bottom:1rem}.form-input{background:#151030;padding:1rem 1.5rem;color:#fff;border-radius:.5rem;outline:none;border:none;font-weight:500}.form-input::placeholder{color:#aaa6c3}.submit-btn{background:#151030;padding:.75rem 2rem;outline:none;width:fit-content;color:#fff;font-weight:700;border-radius:.5rem;cursor:pointer;border:1px solid #915eff;box-shadow:0 5px 10px #0003}.submit-btn:hover{background:#915eff}.contact-earth-wrapper{flex:1;height:auto;min-height:350px;display:flex;justify-content:center;align-items:center;font-size:10rem;color:#ffffff1a}@media (max-width: 768px){.contact-container{flex-direction:column-reverse}}:root{scroll-behavior:smooth;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight: 400;--color-bg-primary: #050816;--color-bg-secondary: #100d25;--color-text-primary: #f3f3f3;--color-text-secondary: #aaa6c3;--color-accent: #915eff;--color-tertiary: #151030;--gradient-text: linear-gradient(90.13deg, #00CEA8 1.9%, #BF61FF 97.5%);--gradient-primary: linear-gradient(to right, #434343, #000000);font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%}#root{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit;transition:.3s}a:hover{color:#535bf2}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}.section-head-text{font-weight:900;font-size:60px;color:var(--color-text-primary);line-height:98px;margin-top:0}.section-sub-text{font-weight:500;font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}@media screen and (max-width: 768px){.section-head-text{font-size:50px;line-height:60px}}.bg-hero-pattern{background-image:linear-gradient(to bottom,rgba(5,8,22,.9),rgba(5,8,22,.6)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404040' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23505050'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center;background-repeat:no-repeat}