:root{--bg-color:#f0f6fc;--bg-surface:#fff;--text-primary:#1a2530;--text-secondary:#5d6d7e;--primary-blue:#4aa9ff;--primary-green:#a2d9ce;--accent-yellow:#f4d03f;--accent-red:#ef767a;--border-color:#e1e8f0;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0000000d;--shadow-lg:0 20px 25px -5px #0000000d;--font-main:"Outfit", sans-serif}[data-theme=dark]{--bg-color:#0b111a;--bg-surface:#141c26;--text-primary:#f0f4f8;--text-secondary:#9fb3c8;--primary-blue:#3388e6;--primary-green:#76d7c4;--accent-yellow:#d4ac0d;--accent-red:#d75a5e;--border-color:#24303f;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-md:0 10px 15px -3px #0000004d;--shadow-lg:0 20px 25px -5px #0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.bg-surface{background-color:var(--bg-surface)}h1,h2,h3,h4{color:var(--text-primary);margin-bottom:16px;font-weight:700;line-height:1.2}p{color:var(--text-secondary);margin-bottom:16px}.highlight-blue{color:var(--primary-blue)}.highlight-green{color:var(--primary-green)}.highlight-yellow{color:var(--accent-yellow)}.highlight-red{color:var(--accent-red)}.bg-blue{background-color:var(--primary-blue);color:#fff}.bg-green{background-color:var(--primary-green);color:#fff}.bg-yellow{background-color:var(--accent-yellow);color:#333}.bg-red{background-color:var(--accent-red);color:#fff}.text-center{text-align:center}.mt-1{margin-top:16px}.mt-2{margin-top:32px}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-sm{padding:10px 20px;font-size:14px}.btn-primary{background-color:var(--primary-blue);color:#fff;box-shadow:0 8px 16px #7fb5ff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 20px #7fb5ff66}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-green);color:var(--primary-green)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{background-color:var(--bg-color);border-color:var(--primary-blue)}.btn-group{flex-wrap:wrap;gap:16px;display:flex}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fafcfbcc;width:100%;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0}[data-theme=dark] .navbar{background-color:#121619cc}.navbar.scrolled{box-shadow:var(--shadow-sm);padding:15px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-primary);font-size:24px;font-weight:700}.logo span{color:var(--accent-red)}.nav-menu{align-items:center;gap:32px;display:flex}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;transition:color .3s;position:relative}.nav-links a:hover{color:var(--primary-blue)}.nav-links a:after{content:"";background-color:var(--primary-green);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.theme-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .3s}.theme-btn:hover{color:var(--accent-yellow)}.hamburger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex}.hero-container{justify-content:space-between;align-items:center;gap:40px;display:flex}.hero-content{flex:1}.greeting{color:#05a081;margin-bottom:8px;font-size:20px;font-weight:600}[data-theme=dark] .greeting{color:#2ecc71}.headline{margin-bottom:8px;font-size:64px}.sub-headline{color:var(--text-secondary);margin-bottom:24px;font-size:32px;font-weight:500}.hero-desc{max-width:500px;margin-bottom:32px;font-size:18px}.hero-cta{gap:16px;display:flex}.hero-visual{flex:1;justify-content:center;display:flex;position:relative}.image-wrapper{background:linear-gradient(135deg, var(--primary-blue), var(--primary-green));width:400px;height:400px;box-shadow:var(--shadow-lg);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;justify-content:center;align-items:center;padding:20px;animation:8s ease-in-out infinite morph;display:flex;position:relative}.profile-img{object-fit:cover;border-radius:50%;width:100%;height:100%}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.floating-badge{background:var(--bg-surface);width:60px;height:60px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:30px;animation:4s ease-in-out infinite float;display:flex;position:absolute}.badge-1{color:#f24e1e;top:20px;left:-20px}.badge-2{color:#02569b;animation-delay:2s;bottom:40px;right:-20px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-title{font-size:40px;display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--accent-yellow);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-subtitle{margin-top:24px;font-size:18px}.project-list{flex-direction:column;gap:80px;display:flex}.project-card{align-items:center;gap:48px;display:flex}.project-card.reverse{flex-direction:row-reverse}.project-mockup-group{flex:1;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.phone-mockup{width:32%;box-shadow:var(--shadow-lg);background-color:#222;border:6px solid #222;border-radius:20px;transition:transform .5s;position:relative;overflow:hidden}[data-theme=dark] .phone-mockup{background-color:#444;border-color:#444}.phone-mockup:before{content:"";z-index:2;background-color:#222;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:35%;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-theme=dark] .phone-mockup:before{background-color:#444}.phone-mockup img{border-radius:12px;width:100%;height:auto;display:block}.phone-mockup:hover{transform:translateY(-8px)}.mockup-center{z-index:5;transform:scale(1.15);box-shadow:0 25px 50px -12px #00000040}.mockup-center:hover{transform:scale(1.15)translateY(-8px)}.project-image{box-shadow:var(--shadow-lg);background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:24px;flex:1;overflow:hidden}.project-image img{width:100%;height:auto;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.03)}.project-info{flex:1}.project-tags{gap:8px;margin-bottom:16px;display:flex}.tag{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.tag-yellow{color:#b38f00;background-color:#ffd16633}.tag-green{color:#2c7a4b;background-color:#82c9a033}.tag-blue{color:#0056b3;background-color:#7fb5ff33}[data-theme=dark] .tag-yellow{color:var(--accent-yellow)}[data-theme=dark] .tag-green{color:var(--primary-green)}[data-theme=dark] .tag-blue{color:var(--primary-blue)}.project-title{margin-bottom:8px;font-size:32px}.project-role,.project-tech{margin-bottom:8px;font-size:16px}.project-details{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;margin:24px 0;padding:24px}.project-details h4{margin-bottom:12px;font-size:18px}.project-details p{margin-bottom:12px;font-size:15px}.project-details p:last-child{margin-bottom:0}.code-snippet-box{background-color:#1e1e1e;border-radius:8px;margin-top:16px;overflow:hidden}.code-header{background-color:#2d2d2d;align-items:center;gap:8px;padding:8px 16px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.filename{color:#a0a0a0;margin-left:auto;font-family:monospace;font-size:12px}pre{color:#e6e6e6;padding:16px;font-family:Courier New,Courier,monospace;font-size:14px;overflow-x:auto}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-story{font-size:18px}.skill-category{background-color:var(--bg-surface);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:16px;padding:24px}.skill-category h3{align-items:center;gap:12px;font-size:20px;display:flex}.skill-list{flex-wrap:wrap;gap:12px;display:flex}.skill-list li{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500}.tools-icons{gap:24px;display:flex}.tool-item{flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.tool-item i{color:var(--text-secondary);font-size:32px}.contact-desc{margin-bottom:48px;font-size:18px}.contact-cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.contact-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;align-items:center;padding:40px 24px;transition:all .3s;display:flex}.contact-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue);transform:translateY(-10px)}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;font-size:32px;display:flex}.footer{text-align:center;border-top:1px solid var(--border-color);padding:32px 0}.fade-in-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.education-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.edu-card{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;padding:32px;transition:transform .3s,box-shadow .3s}.edu-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue);transform:translateY(-5px)}.edu-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.edu-title{letter-spacing:2px;text-transform:uppercase;color:var(--primary-blue);font-size:14px;font-weight:600}.edu-date{color:var(--text-secondary);font-size:14px}.edu-content h3{margin-bottom:8px;font-size:24px}.edu-content p{color:var(--text-secondary);margin-bottom:16px;font-size:16px}.gpa-badge{background-color:var(--accent-yellow);color:#333;border-radius:20px;margin-top:8px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}[data-theme=dark] .gpa-badge{color:#000}.timeline-section{max-width:800px;margin-top:48px;margin-left:auto;margin-right:auto}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background-color:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:48px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background-color:var(--primary-blue);border:4px solid var(--bg-color);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:-39px}.timeline-content{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;padding:32px;transition:transform .3s}.timeline-content:hover{border-color:var(--primary-blue);transform:translate(10px)}.timeline-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.timeline-header h4{text-transform:uppercase;color:var(--primary-blue);letter-spacing:1px;margin-bottom:8px;font-size:14px;font-weight:600}.timeline-header h3{margin-bottom:0;font-size:20px}.timeline-date{color:var(--text-secondary);font-size:14px}.timeline-desc{color:var(--text-secondary);margin-bottom:0;font-size:16px}@media (width<=992px){.hero-container,.project-card,.project-card.reverse,.about-grid{text-align:center;flex-direction:column}.hero-content{order:2}.hero-visual{order:1}.hero-cta{justify-content:center}.section-title:after{left:50%;transform:translate(-50%)}.project-tags{justify-content:center}.project-details,.project-deliverables{text-align:left}.skill-category h3,.skill-list,.tools-icons{justify-content:center}.education-grid{grid-template-columns:1fr}}@media (width<=768px){.hamburger{display:block}.nav-menu{background-color:var(--bg-surface);width:100%;box-shadow:var(--shadow-md);flex-direction:column;padding:40px 0;transition:left .3s;position:fixed;top:70px;left:-100%}.nav-menu.active{left:0}.nav-links{flex-direction:column;align-items:center}.headline{font-size:48px}.image-wrapper{width:300px;height:300px}.project-mockup-group{gap:8px;padding:10px}.phone-mockup{border-width:4px;border-radius:12px}.phone-mockup:before{height:6px}.contact-cards{grid-template-columns:1fr}}