*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark;background-color:#121212;color:#ffffffde}[data-theme=light]{color-scheme:light;background-color:#fff;color:#000000de}body{margin:0;min-width:320px;min-height:100vh;transition:background-color .3s ease,color .3s ease}a{font-weight:500;text-decoration:inherit;transition:color .3s ease}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease}button:hover{border-color:#667eea}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}h1,h2,h3,h4,h5,h6,p{margin:0}section{scroll-margin-top:80px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header.scrolled{padding:.5rem 0;box-shadow:0 4px 20px #0000001a}[data-theme=dark] .header{background:#121212cc}[data-theme=light] .header{background:#fffc}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.logo-image{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 10px 25px #00000026}[data-theme=light] .logo-image{border-color:#0009}.nav{display:flex;gap:2rem;align-items:center}.nav a{text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}[data-theme=dark] .nav a{color:#fffc}[data-theme=light] .nav a{color:#000c}.nav a:hover{color:#667eea}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}[data-theme=dark] .theme-toggle{color:gold}[data-theme=light] .theme-toggle{color:#1a1a1a}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem}[data-theme=dark] .mobile-menu-toggle{color:#fff}[data-theme=light] .mobile-menu-toggle{color:#1a1a1a}@media(max-width:768px){.mobile-menu-toggle{display:block}.nav{position:fixed;top:70px;left:0;right:0;flex-direction:column;padding:2rem;gap:1.5rem;transform:translate(-100%);transition:transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav.open{transform:translate(0)}[data-theme=dark] .nav{background:#121212f2}[data-theme=light] .nav{background:#fffffff2}.nav a{font-size:1.2rem}}.hero-3d{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.3;z-index:0}@media(max-width:768px){.hero-3d{opacity:.2}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1.5rem 2rem 0}.hero-content{position:relative;z-index:1;max-width:1200px;width:100%;text-align:center}.hero-text{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin:0}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.2rem,3vw,2rem);font-weight:500;margin:0;opacity:.9}.hero-description{font-size:clamp(1rem,2vw,1.5rem);margin:0;opacity:.8}[data-theme=dark] .hero-subtitle,[data-theme=dark] .hero-description{color:#ffffffe6}[data-theme=light] .hero-subtitle,[data-theme=light] .hero-description{color:#000c}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.btn{padding:.75rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .1s ease;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.btn-secondary{background:transparent;border:2px solid #667eea;color:#667eea}[data-theme=light] .btn-secondary{border-color:#764ba2;color:#764ba2}.btn-secondary:hover{background:#667eea;color:#fff}[data-theme=light] .btn-secondary:hover{background:#764ba2}.hero-social{display:flex;gap:1.5rem;margin-top:2rem}.hero-social a{font-size:1.5rem;color:#667eea;transition:all .3s ease}[data-theme=light] .hero-social a{color:#764ba2}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:2rem;opacity:.6}@media(max-width:768px){.hero-buttons{flex-direction:column;width:100%}.btn{width:100%}}.about{padding:6rem 2rem;min-height:100vh;display:flex;align-items:center}.container{max-width:1200px;margin:0 auto;width:100%}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-description{font-size:1.1rem;line-height:1.8;opacity:.9}[data-theme=dark] .about-description{color:#ffffffe6}[data-theme=light] .about-description{color:#000c}.about-description strong{color:#667eea;font-weight:600}[data-theme=light] .about-description strong{color:#764ba2}.about-hobbies h3{font-size:1.5rem;margin-bottom:2rem;opacity:.9;text-align:center}[data-theme=dark] .about-hobbies h3{color:#ffffffe6}[data-theme=light] .about-hobbies h3{color:#000c}.hobbies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.hobby-card{padding:1.5rem;border-radius:15px;text-align:center;transition:all .1s ease;cursor:pointer}[data-theme=dark] .hobby-card{background:#667eea1a;border:1px solid rgba(102,126,234,.3)}[data-theme=light] .hobby-card{background:#764ba21a;border:1px solid rgba(118,75,162,.3)}.hobby-icon{font-size:2rem;margin-bottom:.5rem;color:#667eea}[data-theme=light] .hobby-icon{color:#764ba2}.hobby-card p{margin:0;font-weight:500;opacity:.9}[data-theme=dark] .hobby-card p{color:#ffffffe6}[data-theme=light] .hobby-card p{color:#000c}@media(max-width:968px){.about-content,.hobbies-grid{grid-template-columns:1fr}}.skills{padding:6rem 2rem;min-height:100vh}.skills-content{display:flex;flex-direction:column;gap:3rem}.skill-category{margin-bottom:2rem}.skill-category h3{font-size:1.5rem;margin-bottom:1.5rem;opacity:.9}[data-theme=dark] .skill-category h3{color:#ffffffe6}[data-theme=light] .skill-category h3{color:#000c}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.skills-marquee{position:relative;overflow:visible;width:100%;padding:1.5rem 0;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;gap:1.25rem;width:max-content;animation:marquee-left 18s linear infinite}.marquee-left .marquee-track{animation-name:marquee-left}.marquee-right .marquee-track{animation-name:marquee-right}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;border-radius:15px;transition:all .1s ease;cursor:pointer;min-width:160px}[data-theme=dark] .skill-item{background:#667eea1a;border:1px solid rgba(102,126,234,.3)}[data-theme=light] .skill-item{background:#764ba21a;border:1px solid rgba(118,75,162,.3)}.skill-icon{font-size:2.5rem;color:#667eea;margin-bottom:.5rem}[data-theme=light] .skill-icon{color:#764ba2}.skill-item span{font-weight:500;text-align:center;opacity:.9}[data-theme=dark] .skill-item span{color:#ffffffe6}[data-theme=light] .skill-item span{color:#000c}@media(max-width:768px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.experience{padding:6rem 2rem;min-height:100vh}.timeline{position:relative;max-width:800px;margin:0 auto;padding:2rem 0}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#667eea,#764ba2)}.timeline-item{position:relative;margin-bottom:3rem;padding-left:80px}.timeline-marker{position:absolute;left:20px;top:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid;z-index:1}[data-theme=dark] .timeline-marker{border-color:#121212}[data-theme=light] .timeline-marker{border-color:#fff}.timeline-content{padding:1.5rem;border-radius:15px;transition:all .3s ease}[data-theme=dark] .timeline-content{background:#667eea1a;border:1px solid rgba(102,126,234,.3)}[data-theme=light] .timeline-content{background:#764ba21a;border:1px solid rgba(118,75,162,.3)}.timeline-header{margin-bottom:1rem}.timeline-header h3{font-size:1.5rem;margin-bottom:.5rem;color:#667eea}[data-theme=light] .timeline-header h3{color:#764ba2}.timeline-company,.timeline-period{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;opacity:.8}[data-theme=dark] .timeline-company,[data-theme=dark] .timeline-period{color:#fffc}[data-theme=light] .timeline-company,[data-theme=light] .timeline-period{color:#000c}.timeline-description{line-height:1.6;margin-bottom:1rem;opacity:.9}[data-theme=dark] .timeline-description{color:#ffffffe6}[data-theme=light] .timeline-description{color:#000c}.timeline-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3)}[data-theme=light] .tech-tag{background:#764ba233;color:#764ba2;border-color:#764ba24d}@media(max-width:768px){.timeline:before{left:15px}.timeline-item{padding-left:50px}.timeline-marker{left:5px;width:20px;height:20px}}.projects{padding:6rem 2rem;min-height:100vh}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{perspective:1600px;border-radius:10px;transition:transform .3s ease}.project-card-clickable{cursor:pointer}.project-card-clickable:focus-visible .project-card-inner{outline:2px solid rgba(102,126,234,.9);outline-offset:4px}[data-theme=light] .project-card-clickable:focus-visible .project-card-inner{outline-color:#764ba2e6}.project-card-inner{position:relative;width:100%;min-height:430px;border-radius:100px;transition:transform .8s ease;transform-style:preserve-3d;border:1px solid transparent;box-shadow:0 10px 30px #00000014;background:#667eea14}[data-theme=light] .project-card-inner{background:#764ba214}.project-card:hover .project-card-inner{transform:rotateY(180deg);box-shadow:0 25px 50px #667eea40;border-color:#667eea99}[data-theme=light] .project-card:hover .project-card-inner{box-shadow:0 25px 50px #764ba240;border-color:#764ba299}.project-card-face{position:absolute;inset:0;padding:2rem;border-radius:20px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.project-card-back{transform:rotateY(180deg);background:#0f0f1ee6;color:#fff}[data-theme=light] .project-card-back{background:#fffffff2;color:#1a1a1a}[data-theme=dark] .project-card{background:#667eea1a;border:1px solid rgba(102,126,234,.3)}[data-theme=light] .project-card{background:#764ba21a;border:1px solid rgba(118,75,162,.3)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-header h3{font-size:1.5rem;margin:0;color:#667eea;flex:1}[data-theme=light] .project-header h3{color:#764ba2}.project-links{display:flex;gap:1rem}.project-links a{font-size:1.2rem;color:#667eea;transition:all .3s ease}[data-theme=light] .project-links a{color:#764ba2}.project-links a:hover{transform:scale(1.2);color:#764ba2}[data-theme=light] .project-links a:hover{color:#667eea}.project-description{line-height:1.6;margin-bottom:1.5rem;opacity:.9}[data-theme=dark] .project-description{color:#ffffffe6}[data-theme=light] .project-description{color:#000c}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.project-preview-title{font-weight:600;margin-bottom:1rem;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.project-preview-frame{flex:1;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 30px #00000059}.project-preview-frame iframe{width:100%;height:100%;border:none;pointer-events:none}.project-nda{flex:1;border-radius:15px;border:1px dashed rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;gap:.5rem;background:#00000040}.nda-title{font-weight:600;letter-spacing:.08em;text-transform:uppercase}[data-theme=light] .project-preview-frame{border-color:#00000026;box-shadow:inset 0 0 30px #00000014}[data-theme=light] .project-nda{border-color:#0003;background:#ffffffb3}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.contact{padding:6rem 2rem 4rem;min-height:100vh}.contact-intro{text-align:center;font-size:1.2rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}[data-theme=dark] .contact-intro{color:#ffffffe6}[data-theme=light] .contact-intro{color:#000c}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.contact-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;border-radius:20px;text-decoration:none;transition:all .1s ease}[data-theme=dark] .contact-card{background:#667eea1a;border:1px solid rgba(102,126,234,.3)}[data-theme=light] .contact-card{background:#764ba21a;border:1px solid rgba(118,75,162,.3)}.contact-icon{font-size:2.5rem;color:#667eea}[data-theme=light] .contact-icon{color:#764ba2}.contact-details{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.contact-label{font-size:.9rem;opacity:.7;font-weight:500}.contact-value{font-size:1.1rem;font-weight:600}[data-theme=dark] .contact-label,[data-theme=dark] .contact-value{color:#ffffffe6}[data-theme=light] .contact-label,[data-theme=light] .contact-value{color:#000c}.footer{text-align:center;padding-top:3rem;border-top:1px solid;opacity:.7}[data-theme=dark] .footer{border-color:#ffffff1a;color:#ffffffb3}[data-theme=light] .footer{border-color:#0000001a;color:#000000b3}.footer p{margin:0}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.App{position:relative;overflow-x:hidden;padding-top:4rem}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}