.minimal-navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;background:transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;transition:all .3s ease}.minimal-navbar.hidden{transform:translateY(-100%);opacity:0}.navbar-logo{font-size:1.5rem;font-weight:300;font-style:italic;color:#fff;text-decoration:none;transition:color .3s ease}.navbar-logo:hover{color:#ccc}.navbar-center{display:flex;gap:3rem;align-items:center}.navbar-link{color:#ccc;text-decoration:none;font-weight:400;font-size:.95rem;transition:color .3s ease;position:relative;padding:.5rem 0}.navbar-link:hover,.navbar-link.active{color:#fff}.navbar-link.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#fff}.navbar-gallery{display:flex;align-items:center;gap:.5rem;color:#ccc;text-decoration:none;transition:color .3s ease;font-size:.95rem;font-weight:400}.navbar-gallery:hover,.navbar-gallery.active{color:#fff}.gallery-dots{font-size:.8rem;line-height:.6;letter-spacing:.1em;margin-right:.5rem;opacity:.7}@media (max-width: 1024px){.minimal-navbar{padding:1.5rem 3rem}.navbar-center{gap:2rem}}@media (max-width: 768px){.minimal-navbar{padding:1.5rem 2rem;flex-wrap:wrap;gap:1rem}.navbar-center{order:3;width:100%;justify-content:center;margin-top:1rem;gap:1.5rem}.navbar-gallery{order:2}.navbar-link{font-size:.85rem}}@media (max-width: 480px){.minimal-navbar{padding:1rem}.navbar-logo{font-size:1.3rem}.navbar-center{gap:1rem}.navbar-link,.navbar-gallery{font-size:.8rem}.gallery-dots{font-size:.7rem}}html{scroll-padding-top:100px}.minimal-navbar{animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.footer{background:transparent;color:#fff;padding:6rem 4rem 4rem;position:relative;z-index:10}.footer-container{max-width:1400px;margin:0 auto}.footer-contact{margin-bottom:4rem}.footer-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:400;color:#fff;margin-bottom:1rem;line-height:1.1}.wave-emoji{font-size:.8em}.footer-subtitle{font-size:clamp(1.5rem,3vw,2.5rem);color:#666;font-weight:300;margin:0}.footer-separator{width:100%;height:1px;background:#333;margin:3rem 0}.footer-info{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:3rem}.footer-copyright{flex-shrink:0}.copyright-text{color:#666;font-size:.9rem;margin-bottom:.5rem;margin:0}.status-text{color:#888;font-size:.9rem;margin:0}.footer-links{display:flex;gap:4rem;flex-wrap:wrap}.link-group{display:flex;flex-direction:column;gap:.5rem}.link-category{color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-weight:400}.footer-link{color:#ccc;text-decoration:none;font-size:.9rem;transition:color .3s ease;display:flex;align-items:center;gap:.25rem;font-weight:400}.footer-link:hover{color:#fff}@media (max-width: 768px){.footer{padding:4rem 2rem 3rem}.footer-info{flex-direction:column;gap:2rem}.footer-links{gap:2rem;justify-content:space-between}.link-group{flex:1;min-width:120px}}@media (max-width: 480px){.footer-links{flex-direction:column;gap:1.5rem}.link-group{min-width:auto}}.home-page{background:#000;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;width:100vw;overflow-x:hidden}.home-hero{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;padding:120px 4rem 0;opacity:0;transition:opacity 1.5s ease}.home-hero.visible{opacity:1}.home-hero-container{max-width:1400px;margin:0 auto;text-align:center;width:100%}.home-main-title{font-size:clamp(3.5rem,8vw,6rem);font-weight:300;line-height:1.1;margin-bottom:2rem;color:#fff}.home-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.6;color:#888;max-width:800px;margin:0 auto 3rem}.home-cta{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:3rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:1.2rem 3rem;border-radius:0;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-block;cursor:pointer}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #667eea66}.btn-secondary{background:none;border:2px solid rgba(255,255,255,.2);color:#fff;padding:1.2rem 3rem;border-radius:0;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s ease;display:inline-block;cursor:pointer}.btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-3px)}.about-section{position:relative;z-index:10;padding:8rem 4rem;background:#000}.about-container{max-width:1200px;margin:0 auto;text-align:center}.about-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:3rem;color:#fff}.about-content{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.8;color:#aaa;max-width:900px;margin:0 auto 4rem}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:4rem}.stat-item{text-align:center;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;opacity:0;transform:translateY(30px)}.stat-item.visible{opacity:1;transform:translateY(0)}.stat-item:hover{background:#ffffff0a;transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:300;color:#fff;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#888;text-transform:uppercase;letter-spacing:1px}.featured-preview-section{position:relative;z-index:10;padding:8rem 4rem;background:#000}.featured-preview-container{max-width:1400px;margin:0 auto;text-align:center}.featured-preview-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:3rem;color:#fff}.featured-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;margin-bottom:4rem}.preview-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1);opacity:0;transform:translateY(30px)}.preview-card.visible{opacity:1;transform:translateY(0)}.preview-card:hover{transform:translateY(-10px);background:#ffffff0a;border-color:#ffffff1a;box-shadow:0 20px 40px #0000004d}.preview-image-container{position:relative;width:100%;height:300px;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.preview-card:hover .preview-image{transform:scale(1.08)}.preview-content{padding:2.5rem}.preview-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.preview-description{color:#aaa;line-height:1.6;margin-bottom:1.5rem}.preview-tags{display:flex;gap:.5rem;flex-wrap:wrap}.preview-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.3rem .8rem;font-size:.75rem;color:#ccc;font-weight:500}.view-all-projects{margin-top:3rem}.skills-section{position:relative;z-index:10;padding:8rem 4rem;background:#000}.skills-container{max-width:1200px;margin:0 auto;text-align:center}.skills-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:3rem;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.skill-category{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:3rem 2rem;transition:all .3s ease;opacity:0;transform:translateY(30px)}.skill-category.visible{opacity:1;transform:translateY(0)}.skill-category:hover{background:#ffffff0a;transform:translateY(-5px)}.skill-category-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:2rem}.skill-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;font-size:.9rem;color:#ccc;font-weight:500;transition:all .3s ease}.skill-item:hover{background:#ffffff1a;color:#fff}@media (max-width: 1024px){.featured-preview-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}}@media (max-width: 768px){.home-hero{padding:100px 2rem 0}.about-section,.featured-preview-section,.skills-section{padding:4rem 2rem}.home-cta{flex-direction:column;gap:1.5rem}.btn-primary,.btn-secondary{width:100%;max-width:300px}.about-stats,.skills-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 480px){.home-hero{padding:80px 1rem 0}.about-section,.featured-preview-section,.skills-section{padding:3rem 1rem}.preview-content{padding:2rem}.skill-category{padding:2rem 1.5rem}}.about-page{background:#000;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.about-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 4rem 0;background:#000}.about-hero.visible{opacity:1}.about-hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:6rem;align-items:center;width:100%;opacity:0;animation:fadeInUp 1s ease-out .2s forwards}.about-hero-content{max-width:800px}.about-title{font-size:clamp(3rem,6vw,5rem);font-weight:300;line-height:1.1;margin-bottom:2rem;color:#fff}.about-subtitle{font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.6;color:#888;margin:0}.about-hero-image{justify-self:center;position:relative}.profile-image{width:350px;height:350px;border-radius:50%;object-fit:cover;box-shadow:0 20px 60px #ffffff1a;transition:transform .3s ease,box-shadow .3s ease}.profile-image:hover{transform:scale(1.05);box-shadow:0 30px 80px #ffffff26}.about-story{padding:5rem 4rem 3rem;background:#000;opacity:0;transition:opacity 1.5s ease}.about-story.visible{opacity:1}.about-story-container{max-width:1400px;margin:0 auto}.story-grid{display:grid;grid-template-columns:2fr 1fr;gap:8rem;align-items:start;margin-bottom:4rem}.story-title{font-size:clamp(2.2rem,3.5vw,2.8rem);font-weight:300;margin-bottom:3rem;color:#fff}.story-text p{font-size:1.1rem;line-height:1.75;color:#ccc;margin-bottom:2rem}.story-text p:last-child{margin-bottom:0}.story-sidebar{display:flex;flex-direction:column;gap:3rem;align-items:center;justify-content:center;height:100%}.hello-me-container{display:flex;justify-content:center;align-items:center;width:120%;height:150%;margin-left:-10%}.hello-me-image{max-width:none;width:100%;height:100%;max-height:calc(100vh - 50px);object-fit:cover;border-radius:20px;box-shadow:0 12px 40px #ffffff26;transition:transform .3s ease,box-shadow .3s ease;opacity:.95}.hello-me-image:hover{transform:scale(1.02);box-shadow:0 16px 50px #fff3;opacity:1}.about-experience{padding:3rem 4rem 5rem;background:#000;opacity:0;transition:opacity 1.5s ease;position:relative}.about-experience.visible{opacity:1}.about-experience-container{max-width:1200px;margin:0 auto}.experience-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:5rem;color:#fff}.experience-timeline{position:relative;padding-left:2rem}.experience-timeline:before{content:"";position:absolute;left:2rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.1) 10%,rgba(255,255,255,.1) 90%,transparent 100%)}.experience-item{position:relative;margin-bottom:4rem;padding-left:4rem;opacity:0;animation:slideInLeft .8s ease-out forwards}.experience-item:nth-child(1){animation-delay:.1s}.experience-item:nth-child(2){animation-delay:.2s}.experience-item:nth-child(3){animation-delay:.3s}.experience-item:nth-child(4){animation-delay:.4s}.experience-marker{position:absolute;left:-4rem;top:.5rem;width:3rem;height:3rem;background:#ffffff0d;border:2px solid var(--accent-color, #667eea);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.experience-item:hover .experience-marker{transform:scale(1.1);background:#ffffff1a;box-shadow:0 0 20px #fff3}.experience-icon{font-size:1.2rem}.experience-content{background:#ffffff05;border-radius:16px;padding:2.5rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.experience-content:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.experience-role{font-size:1.4rem;font-weight:500;color:#fff;margin:0;flex:1}.experience-period{font-size:.9rem;color:var(--accent-color, #667eea);background:#ffffff0d;padding:.3rem .8rem;border-radius:12px;white-space:nowrap;font-weight:500}.experience-company{font-size:1.1rem;color:#aaa;margin:0 0 1.5rem;font-weight:400}.experience-description{font-size:1rem;line-height:1.6;color:#ccc;margin-bottom:1.5rem}.experience-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#ffffff0d;color:#ddd;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;font-weight:400;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tech-tag:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.about-skills{padding:5rem 4rem;background:#000;opacity:0;transition:opacity 1.5s ease}.about-skills.visible{opacity:1}.about-skills-container{max-width:1400px;margin:0 auto}.skills-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:4rem;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem}.skill-group{padding:3rem;background:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.05);transition:all .4s ease;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);position:relative;overflow:hidden}.skill-group:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--skill-color, #667eea),transparent);opacity:0;transition:opacity .4s ease}.skill-group:hover{transform:translateY(-8px);background:#ffffff0f;border-color:#ffffff26;box-shadow:0 20px 40px #0000004d}.skill-group:hover:before{opacity:1}.skill-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.skill-icon{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.skill-category{font-size:1.4rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.5px}.skill-list{display:flex;flex-direction:column;gap:1.5rem;padding:0;margin:0}.skill-item{display:block;padding:0;color:#ccc;transition:all .3s ease}.skill-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name{font-size:1rem;font-weight:500;color:#fff}.skill-percentage{font-size:.9rem;color:var(--skill-color, #667eea);font-weight:600}.skill-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;position:relative}.skill-progress{height:100%;background:linear-gradient(90deg,var(--skill-color, #667eea),rgba(255,255,255,.8));border-radius:3px;width:0%;transition:width 1.5s ease-out;position:relative}.skill-progress.loaded{width:var(--progress, 0%)}.skill-progress:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#ffffffe6;border-radius:2px;box-shadow:0 0 6px var(--skill-color, #667eea);opacity:0;transition:opacity .3s ease 1.5s}.skill-progress.loaded:after{opacity:1}.about-cta{padding:5rem 4rem;background:#000;border-top:1px solid rgba(255,255,255,.05)}.about-cta-container{max-width:1400px;margin:0 auto;text-align:center}.cta-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:1.5rem;color:#fff}.cta-subtitle{font-size:1.2rem;color:#888;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons{display:flex;gap:2rem;justify-content:center;align-items:center}.btn-primary,.btn-secondary{display:inline-block;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-size:.9rem;font-weight:400;transition:all .3s ease;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.btn-secondary{background:none;border:1px solid #444;color:#ddd}.btn-secondary:hover{border-color:#666;color:#fff;background:#ffffff0d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.about-hero-container{grid-template-columns:1fr;gap:4rem;text-align:center}.story-grid{grid-template-columns:1fr;gap:4rem}.experience-timeline{padding-left:1rem}.experience-timeline:before{left:1rem}.experience-item{padding-left:3rem}.experience-marker{left:-2.5rem;width:2.5rem;height:2.5rem}}@media (max-width: 768px){.about-hero{padding:100px 2rem 0}.about-story{padding:3rem 2rem .25rem}.about-experience{padding:.25rem 2rem 3rem}.about-skills,.about-cta{padding:3rem 2rem}.profile-image{width:280px;height:280px}.hello-me-container{max-width:200px}.hello-me-image{max-height:150px}.skills-grid{grid-template-columns:1fr;gap:2rem}.skill-group{padding:2.5rem}.skill-header{margin-bottom:2rem}.skill-icon{font-size:2rem}.skill-category{font-size:1.2rem}.skill-list{gap:1.2rem}.skill-name{font-size:.9rem}.skill-percentage{font-size:.8rem}.cta-buttons{flex-direction:column;gap:1rem;align-items:stretch}.experience-header{flex-direction:column;align-items:flex-start;gap:.5rem}.experience-period{align-self:flex-start}.experience-content{padding:2rem}.experience-technologies{gap:.4rem}.tech-tag{font-size:.75rem;padding:.3rem .6rem}}@media (max-width: 480px){.about-hero{padding:80px 1rem 0}.about-story{padding:2.5rem 1rem .125rem}.about-experience{padding:.125rem 1rem 2.5rem}.about-skills,.about-cta{padding:2.5rem 1rem}.profile-image{width:240px;height:240px}.hello-me-container{max-width:150px;padding:.5rem}.hello-me-image{max-height:120px;border-radius:8px}.signature-image{width:150px}.skill-group{padding:2rem}.skill-header{margin-bottom:1.5rem}.skill-icon{font-size:1.8rem}.skill-category{font-size:1.1rem}.skill-list{gap:1rem}.skill-name{font-size:.85rem}.skill-percentage{font-size:.75rem}.skill-bar{height:5px}.experience-timeline{padding-left:.5rem}.experience-timeline:before{left:.5rem}}.projects-page{background:#000;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.projects-hero{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;padding:120px 4rem 0;opacity:0;transition:opacity 1.5s ease}.projects-hero.visible{opacity:1}.projects-hero-container{max-width:1400px;margin:0 auto;text-align:center;width:100%}.projects-main-title{font-size:clamp(3.5rem,8vw,6rem);font-weight:300;line-height:1.1;margin-bottom:2rem;color:#fff}.projects-main-title .highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.projects-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.6;color:#888;max-width:800px;margin:0 auto}.projects-grid-section{position:relative;z-index:10;padding:8rem 4rem;background:#000}.projects-grid-container{max-width:1400px;margin:0 auto}.projects-section-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:4rem;color:#fff}.projects-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;padding:2rem 0}.project-image-card{position:relative;overflow:hidden;border-radius:0;background:transparent;border:none;transition:all .4s cubic-bezier(.25,.8,.25,1)}.project-image-card:hover{transform:translateY(-10px)}.project-image-link{display:block;position:relative;text-decoration:none;color:inherit}.project-image-only{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.25,.8,.25,1);will-change:transform}.project-image-card:hover .project-image-only{transform:scale(1.05)}.project-title-below{font-size:1rem;font-weight:400;color:#aaa;margin:1rem 0 .5rem;text-align:left}.project-description-below{font-size:.875rem;font-weight:400;color:#888;margin:0;text-align:left;line-height:1.5}.fade-in-element{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1)}.fade-in-element.fade-in-visible{opacity:1;transform:translateY(0)}.project-image-card.fade-in-element{transition-delay:inherit}.project-image-card.fade-in-visible:hover{transform:translateY(-10px)}.project-image-card.fade-in-visible:hover .project-image-only{transform:scale(1.05)}.projects-section-title.fade-in-element{transition-duration:1s}.empty-state{text-align:center;padding:4rem 2rem;color:#888}.empty-state h3{font-size:2rem;margin-bottom:1rem;color:#ccc}.empty-state p{font-size:1.1rem;line-height:1.6}@media (max-width: 768px){.projects-hero{padding:100px 2rem 0}.projects-grid-section{padding:4rem 2rem}.projects-image-grid{grid-template-columns:1fr;gap:2rem}.project-image-only{height:auto}.fade-in-element{transform:translateY(20px);transition-duration:.6s}}@media (max-width: 480px){.projects-hero{padding:80px 1rem 0}.projects-grid-section{padding:3rem 1rem}.projects-image-grid{grid-template-columns:1fr;gap:1.5rem}.project-image-only{height:auto}}@media (prefers-reduced-motion: reduce){.fade-in-element{transition:none;opacity:1;transform:none}.project-image-card,.project-image-only{transition:none}.projects-hero{transition:none;opacity:1}}.contact-page{background:#0a0a0a;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.apple-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(135deg,#000,#1a1a1a);overflow:hidden}.apple-mesh{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.015) 0%,transparent 50%),radial-gradient(circle at 20% 70%,rgba(255,255,255,.01) 0%,transparent 50%);animation:appleFlow 30s ease-in-out infinite alternate}.apple-orb-1{position:absolute;top:15%;right:10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:50%;animation:appleFloat1 20s ease-in-out infinite;filter:blur(40px)}.apple-orb-2{position:absolute;bottom:20%;left:15%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.02) 0%,transparent 70%);border-radius:50%;animation:appleFloat2 25s ease-in-out infinite reverse;filter:blur(60px)}.apple-orb-3{position:absolute;top:60%;right:25%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.025) 0%,transparent 70%);border-radius:50%;animation:appleFloat3 18s ease-in-out infinite;filter:blur(30px)}.apple-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);background-size:100px 100px;opacity:.3}.apple-line-1{position:absolute;top:30%;left:0%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:appleLine1 15s ease-in-out infinite}.apple-line-2{position:absolute;top:70%;left:0%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:appleLine2 20s ease-in-out infinite reverse}.apple-shape-1{position:absolute;top:25%;left:8%;width:60px;height:60px;border:1px solid rgba(255,255,255,.06);border-radius:12px;animation:appleShape1 25s ease-in-out infinite}.apple-shape-2{position:absolute;bottom:35%;right:12%;width:40px;height:40px;border:1px solid rgba(255,255,255,.04);border-radius:50%;animation:appleShape2 30s ease-in-out infinite reverse}.apple-center-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(255,255,255,.01) 0%,transparent 70%);animation:appleCenterGlow 40s ease-in-out infinite alternate;filter:blur(100px)}@keyframes appleFlow{0%{transform:translate(0) rotate(0);opacity:.6}to{transform:translate(20px,-10px) rotate(1deg);opacity:.3}}@keyframes appleFloat1{0%,to{transform:translate(0) scale(1);opacity:.8}50%{transform:translate(-30px,-20px) scale(1.1);opacity:.4}}@keyframes appleFloat2{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(40px,-30px) scale(.9);opacity:.9}}@keyframes appleFloat3{0%,to{transform:translate(0) scale(1);opacity:.7}33%{transform:translate(-20px,15px) scale(1.2);opacity:.3}66%{transform:translate(25px,-10px) scale(.8);opacity:.8}}@keyframes appleLine1{0%,to{opacity:0;transform:scaleX(.2)}50%{opacity:1;transform:scaleX(.8)}}@keyframes appleLine2{0%,to{opacity:0;transform:scaleX(.3)}50%{opacity:.7;transform:scaleX(.6)}}@keyframes appleShape1{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-15px) rotate(5deg);opacity:.3}}@keyframes appleShape2{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(20px) scale(1.3);opacity:.8}}@keyframes appleCenterGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}to{transform:translate(-50%,-50%) scale(1.2);opacity:.1}}.contact-hero{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;padding:120px 4rem 0;opacity:0;transition:opacity 1.5s ease}.contact-hero.visible{opacity:1}.contact-hero-container{max-width:1400px;margin:0 auto;text-align:center;width:100%}.contact-title{font-size:clamp(3.5rem,8vw,6rem);font-weight:300;line-height:1.1;margin-bottom:2rem;color:#fff}.highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.6;color:#888;max-width:800px;margin:0 auto}.contact-form-section{position:relative;z-index:10;padding:8rem 4rem;opacity:0;transition:opacity 1.5s ease}.contact-form-section.visible{opacity:1}.contact-form-container{max-width:800px;margin:0 auto}.form-header{text-align:center;margin-bottom:4rem}.form-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:1.5rem;color:#fff}.form-description{font-size:1.2rem;line-height:1.6;color:#888;max-width:600px;margin:0 auto}.contact-form{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:3rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-group{margin-bottom:2rem}.form-label{display:block;font-size:.9rem;font-weight:500;color:#ccc;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.form-input,.form-textarea{width:100%;padding:1rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff14;box-shadow:0 0 0 3px #ffffff1a}.form-input::placeholder,.form-textarea::placeholder{color:#666}.form-textarea{resize:vertical;min-height:120px}.form-submit{width:100%;padding:1.2rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.form-submit:disabled{opacity:.7;cursor:not-allowed}.form-submit.submitting{background:linear-gradient(135deg,#888,#666)}.contact-info-section{position:relative;z-index:10;padding:8rem 4rem;opacity:0;transition:opacity 1.5s ease}.contact-info-section.visible{opacity:1}.contact-info-container{max-width:1200px;margin:0 auto;text-align:center}.info-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:4rem;color:#fff}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-method{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contact-method:hover{transform:translateY(-5px);background:#ffffff0a;border-color:#ffffff1a}.method-icon{font-size:2.5rem;margin-bottom:1.5rem}.method-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.method-value{font-size:1rem;color:#888;margin:0;transition:color .3s ease}.method-value.link{color:#667eea;text-decoration:none}.method-value.link:hover{color:#fff}@media (max-width: 768px){.contact-hero{padding:100px 2rem 0}.contact-form-section,.contact-info-section{padding:4rem 2rem}.contact-form{padding:2rem}.form-row{grid-template-columns:1fr;gap:0}.contact-methods{grid-template-columns:1fr;gap:1.5rem}.contact-method{padding:2rem 1.5rem}}@media (max-width: 480px){.contact-hero{padding:80px 1rem 0}.contact-form-section,.contact-info-section{padding:3rem 1rem}.contact-form{padding:1.5rem}.form-input,.form-textarea{padding:.8rem 1rem}}.spotify-wrapped-project{background:#000!important;color:#fff!important;min-height:100vh!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.spotify-wrapped-project .project-hero{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;padding:120px 4rem 4rem;opacity:0;transition:opacity 1.5s ease;background:#000!important}.spotify-wrapped-project .project-hero.visible{opacity:1}.spotify-wrapped-project .project-hero-container{max-width:1400px;margin:0 auto;width:100%}.spotify-wrapped-project .back-button{display:inline-flex;align-items:center;gap:.5rem;color:#888!important;text-decoration:none;font-size:.95rem;margin-bottom:3rem;transition:color .3s ease}.spotify-wrapped-project .back-button:hover{color:#fff!important}.spotify-wrapped-project .back-button .arrow-left{font-size:1.2rem;margin-right:.5rem}.spotify-wrapped-project .project-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.spotify-wrapped-project .project-main-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:300;line-height:1.1;margin-bottom:1.5rem;color:#fff!important}.spotify-wrapped-project .highlight{background:linear-gradient(135deg,#1db954,#1ed760)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:#1db954!important;display:inline!important}.spotify-wrapped-project .project-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;color:#bbb!important;margin-bottom:2rem}.spotify-wrapped-project .project-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.spotify-wrapped-project .meta-item{display:flex;align-items:center;gap:.5rem;color:#888!important;font-size:.9rem}.spotify-wrapped-project .meta-item .icon{margin-right:.5rem}.spotify-wrapped-project .cta-button{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#1db954,#1ed760)!important;color:#000!important;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);border:none;cursor:pointer}.spotify-wrapped-project .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1db9544d}.spotify-wrapped-project .cta-button .external-link{font-size:1.2rem;margin-right:.75rem}.spotify-wrapped-project .project-hero-image{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.spotify-wrapped-project .project-hero-image img{width:100%;height:auto;display:block;transition:transform .6s ease}.spotify-wrapped-project .project-hero-image:hover img{transform:scale(1.02)}.spotify-wrapped-project .project-details{padding:8rem 4rem 2rem;background:#000!important}.spotify-wrapped-project .project-details-container{max-width:1200px;margin:0 auto}.spotify-wrapped-project .project-overview{margin-bottom:6rem}.spotify-wrapped-project .project-overview h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:2rem;color:#fff!important}.spotify-wrapped-project .project-overview p{font-size:1.1rem;line-height:1.8;color:#ccc!important;margin-bottom:1.5rem}.spotify-wrapped-project .features-section{margin-bottom:6rem}.spotify-wrapped-project .section-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:4rem;color:#fff!important}.spotify-wrapped-project .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.spotify-wrapped-project .feature-card{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;padding:2rem;transition:all .4s cubic-bezier(.25,.8,.25,1)}.spotify-wrapped-project .feature-card:hover{transform:translateY(-5px);background:#ffffff0d!important;border-color:#1db9544d!important}.spotify-wrapped-project .feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.spotify-wrapped-project .feature-card h3{font-size:1.3rem;font-weight:500;margin-bottom:1rem;color:#fff!important}.spotify-wrapped-project .feature-card p{color:#bbb!important;line-height:1.6}.spotify-wrapped-project .tech-stack{margin-bottom:6rem;opacity:1!important;visibility:visible!important;display:block!important}.spotify-wrapped-project .tech-stack h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:3rem;color:#fff!important}.spotify-wrapped-project .tech-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.spotify-wrapped-project .tech-category h3{font-size:1.5rem;margin-bottom:1.5rem;color:#1db954!important;font-weight:500}.spotify-wrapped-project .tech-category ul{list-style:none;padding:0}.spotify-wrapped-project .tech-category li{color:#ccc!important;margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6}.spotify-wrapped-project .tech-category li:before{content:"▸";position:absolute;left:0;color:#1db954!important;font-weight:700}.spotify-wrapped-project .project-challenges{margin-bottom:6rem;opacity:1!important;visibility:visible!important;display:block!important}.spotify-wrapped-project .project-challenges h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:3rem;color:#fff!important}.spotify-wrapped-project .challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.spotify-wrapped-project .challenge-item{background:#ffffff05!important;border-left:4px solid #1DB954!important;padding:2rem;border-radius:8px}.spotify-wrapped-project .challenge-item h3{font-size:1.3rem;margin-bottom:1rem;color:#fff!important;font-weight:500}.spotify-wrapped-project .challenge-item p{color:#bbb!important;line-height:1.7}.spotify-wrapped-project .project-showcase{padding:0rem 4rem 8rem;background:#000!important}.spotify-wrapped-project .project-showcase-container{max-width:1200px;margin:0 auto}.spotify-wrapped-project .showcase-content h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:1rem;color:#fff!important}.spotify-wrapped-project .showcase-subtitle{text-align:center;font-size:1.2rem;color:#bbb!important;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.spotify-wrapped-project .showcase-gallery{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.spotify-wrapped-project .gallery-main{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.spotify-wrapped-project .main-image{width:100%;height:400px;object-fit:cover;transition:transform .6s ease}.spotify-wrapped-project .main-image.mobile-mockup{height:600px;object-fit:contain;background:#ffffff0d}.spotify-wrapped-project .image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:2rem;color:#fff}.spotify-wrapped-project .image-overlay h3{font-size:1.5rem;margin-bottom:.5rem;color:#1db954!important}.spotify-wrapped-project .image-overlay p{color:#ccc!important;line-height:1.6}.spotify-wrapped-project .gallery-thumbnails{display:flex;flex-direction:column;gap:1rem}.spotify-wrapped-project .thumbnail{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.spotify-wrapped-project .thumbnail:hover{background:#ffffff0d!important}.spotify-wrapped-project .thumbnail.active{background:#1db9541a!important;border-color:#1db954!important}.spotify-wrapped-project .thumbnail img{width:60px;height:60px;object-fit:cover;border-radius:6px}.spotify-wrapped-project .thumbnail-title{color:#fff!important;font-size:.9rem;font-weight:500}.spotify-wrapped-project .project-impact{padding:8rem 4rem;background:#000!important}.spotify-wrapped-project .project-impact-container{max-width:1200px;margin:0 auto}.spotify-wrapped-project .impact-content h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:2rem;color:#fff!important}.spotify-wrapped-project .impact-description{text-align:center;font-size:1.2rem;color:#bbb!important;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.spotify-wrapped-project .achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.spotify-wrapped-project .achievement-card{text-align:center;padding:2rem;background:#ffffff08!important;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.spotify-wrapped-project .achievement-card:hover{transform:translateY(-5px);background:#1db9541a!important;border-color:#1db9544d!important}.spotify-wrapped-project .achievement-icon{font-size:2.5rem;margin-bottom:1rem}.spotify-wrapped-project .achievement-card h3{font-size:1.3rem;font-weight:500;color:#1db954!important;margin-bottom:1rem}.spotify-wrapped-project .achievement-card p{color:#bbb!important;line-height:1.6}.spotify-wrapped-project .impact-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.spotify-wrapped-project .highlight-item{padding:2rem;background:#ffffff05!important;border-radius:8px;border-left:4px solid #1DB954!important}.spotify-wrapped-project .highlight-item h3{color:#fff!important;font-size:1.3rem;margin-bottom:1rem;font-weight:500}.spotify-wrapped-project .highlight-item p{color:#ccc!important;line-height:1.6}.spotify-wrapped-project .team-collaboration{padding:8rem 4rem;background:#000!important}.spotify-wrapped-project .team-collaboration-container{max-width:1200px;margin:0 auto}.spotify-wrapped-project .team-content h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:2rem;color:#fff!important}.spotify-wrapped-project .team-description{text-align:center;font-size:1.2rem;color:#bbb!important;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.spotify-wrapped-project .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.spotify-wrapped-project .team-member{padding:2rem;background:#ffffff08!important;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.spotify-wrapped-project .team-member:hover{transform:translateY(-5px);background:#ffffff0d!important}.spotify-wrapped-project .design-principles .team-member h3{color:#fff!important;font-size:1.3rem;margin-bottom:1.5rem;font-weight:500;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important}.spotify-wrapped-project .team-member ul{list-style:none;padding:0}.spotify-wrapped-project .team-member li{color:#ccc!important;margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6}.spotify-wrapped-project .team-member li:before{content:"▸";position:absolute;left:0;color:#1db954!important;font-weight:700}.spotify-wrapped-project .collaboration-process{margin-top:4rem}.spotify-wrapped-project .collaboration-process h3{font-size:2rem;color:#fff!important;text-align:center;margin-bottom:3rem;font-weight:300}.spotify-wrapped-project .design-principles>h3{font-size:2.5rem!important;color:#fff!important;text-align:center;margin-bottom:3rem;font-weight:400!important;letter-spacing:.5px;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important}.spotify-wrapped-project .team-member h3{color:#1db954!important;font-size:1.3rem;margin-bottom:1.5rem;font-weight:500}.spotify-wrapped-project .process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.spotify-wrapped-project .process-step{display:flex;align-items:flex-start;gap:1rem}.spotify-wrapped-project .step-number{background:linear-gradient(135deg,#1db954,#1ed760)!important;color:#000!important;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.spotify-wrapped-project .step-content h4{color:#fff!important;font-size:1.2rem;margin-bottom:.5rem;font-weight:500}.spotify-wrapped-project .step-content p{color:#bbb!important;line-height:1.6}.spotify-wrapped-project .lessons-learned{padding:8rem 4rem;background:#000!important}.spotify-wrapped-project .lessons-learned-container{max-width:1200px;margin:0 auto}.spotify-wrapped-project .lessons-content h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:2rem;color:#fff!important}.spotify-wrapped-project .lessons-description{text-align:center;font-size:1.2rem;color:#bbb!important;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.spotify-wrapped-project .lessons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.spotify-wrapped-project .lesson-card{padding:2rem;background:#ffffff08!important;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .4s ease}.spotify-wrapped-project .lesson-card:hover{transform:translateY(-5px);background:#ffffff0d!important;border-color:#1db9544d!important}.spotify-wrapped-project .lesson-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.spotify-wrapped-project .lesson-card h3{color:#fff!important;font-size:1.3rem;margin-bottom:1rem;font-weight:500}.spotify-wrapped-project .lesson-card p{color:#bbb!important;line-height:1.6}.spotify-wrapped-project .technical-skills{margin-top:4rem}.spotify-wrapped-project .technical-skills h3{font-size:2rem;color:#fff!important;text-align:center;margin-bottom:3rem;font-weight:300}.spotify-wrapped-project .skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.spotify-wrapped-project .skill-item{padding:2rem;background:#ffffff05!important;border-radius:8px;border-left:4px solid #1DB954!important}.spotify-wrapped-project .skill-item h4{color:#1db954!important;font-size:1.2rem;margin-bottom:.5rem;font-weight:500}.spotify-wrapped-project .skill-item p{color:#ccc!important;line-height:1.6}.spotify-wrapped-project .project-navigation{padding:4rem;background:#000!important;border-top:1px solid rgba(255,255,255,.1)}.spotify-wrapped-project .project-navigation-container{max-width:1200px;margin:0 auto}.spotify-wrapped-project .nav-content{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.spotify-wrapped-project .nav-item{display:flex;flex-direction:column;gap:.5rem}.spotify-wrapped-project .nav-item.next{align-items:flex-end;text-align:right}.spotify-wrapped-project .nav-label{font-size:.9rem;color:#888!important;text-transform:uppercase;letter-spacing:.5px}.spotify-wrapped-project .nav-link{display:flex;align-items:center;gap:1rem;color:#fff!important;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease}.spotify-wrapped-project .nav-link:hover{color:#1db954!important;transform:translate(5px)}.spotify-wrapped-project .nav-item.prev .nav-link:hover{transform:translate(-5px)}.spotify-wrapped-project .nav-arrow{font-size:1.5rem;color:#1db954!important}.spotify-wrapped-project .back-to-projects{background:linear-gradient(135deg,#1db954,#1ed760)!important;color:#000!important;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s ease}.spotify-wrapped-project .back-to-projects:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1db9544d}.spotify-wrapped-project .fade-in-element{opacity:1!important;transform:translateY(0)!important;transition:opacity .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1)}.spotify-wrapped-project .fade-in-element.fade-in-visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.spotify-wrapped-project .project-hero{padding:100px 2rem 2rem}.spotify-wrapped-project .project-hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.spotify-wrapped-project .project-details,.spotify-wrapped-project .project-showcase,.spotify-wrapped-project .project-impact,.spotify-wrapped-project .team-collaboration,.spotify-wrapped-project .lessons-learned{padding:4rem 2rem}.spotify-wrapped-project .showcase-gallery{grid-template-columns:1fr}.spotify-wrapped-project .nav-content{grid-template-columns:1fr;text-align:center;gap:1rem}.spotify-wrapped-project .nav-item.next{align-items:center;text-align:center}}.college-scheduler-project{background:#000!important;color:#fff!important;min-height:100vh!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.college-scheduler-project .project-hero{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;padding:120px 4rem 4rem;opacity:0;transition:opacity 1.5s ease;background:#000!important}.college-scheduler-project .project-hero.visible{opacity:1}.college-scheduler-project .project-hero-container{max-width:1400px;margin:0 auto;width:100%}.college-scheduler-project .back-button{display:inline-flex;align-items:center;gap:.5rem;color:#888!important;text-decoration:none;font-size:.95rem;margin-bottom:3rem;transition:color .3s ease}.college-scheduler-project .back-button:hover{color:#fff!important}.college-scheduler-project .back-button .arrow-left{font-size:1.2rem;margin-right:.5rem}.college-scheduler-project .project-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.college-scheduler-project .project-main-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:300;line-height:1.1;margin-bottom:1.5rem;color:#fff!important}.college-scheduler-project .highlight{background:linear-gradient(135deg,#ff9800,#ffb74d)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:#ff9800!important;display:inline!important}.college-scheduler-project .project-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;color:#bbb!important;margin-bottom:2rem}.college-scheduler-project .project-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.college-scheduler-project .meta-item{display:flex;align-items:center;gap:.5rem;color:#888!important;font-size:.9rem}.college-scheduler-project .meta-item .icon{margin-right:.5rem}.college-scheduler-project .cta-button{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ff9800,#ffb74d)!important;color:#000!important;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);border:none;cursor:pointer}.college-scheduler-project .cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ff98004d}.college-scheduler-project .cta-button .external-link{font-size:1.2rem;margin-right:.75rem}.college-scheduler-project .project-hero-image{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.college-scheduler-project .project-hero-image img{width:100%;height:auto;display:block;transition:transform .6s ease}.college-scheduler-project .project-hero-image:hover img{transform:scale(1.02)}.college-scheduler-project .project-details{padding:8rem 4rem 2rem;background:#000!important}.college-scheduler-project .project-details-container{max-width:1200px;margin:0 auto}.college-scheduler-project .project-overview{margin-bottom:6rem}.college-scheduler-project .project-overview h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:2rem;color:#fff!important}.college-scheduler-project .project-overview p{font-size:1.1rem;line-height:1.8;color:#ccc!important;margin-bottom:1.5rem}.college-scheduler-project .features-section{margin-bottom:6rem}.college-scheduler-project .section-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:4rem;color:#fff!important}.college-scheduler-project .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.college-scheduler-project .feature-card{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;padding:2rem;transition:all .4s cubic-bezier(.25,.8,.25,1)}.college-scheduler-project .feature-card:hover{transform:translateY(-5px);background:#ffffff0d!important;border-color:#ff98004d!important}.college-scheduler-project .feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.college-scheduler-project .feature-card h3{font-size:1.3rem;font-weight:500;margin-bottom:1rem;color:#fff!important}.college-scheduler-project .feature-card p{color:#bbb!important;line-height:1.6}.college-scheduler-project .tech-stack{margin-bottom:6rem;opacity:1!important;visibility:visible!important;display:block!important}.college-scheduler-project .tech-stack h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:3rem;color:#fff!important}.college-scheduler-project .tech-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.college-scheduler-project .tech-category h3{font-size:1.5rem;margin-bottom:1.5rem;color:#ff9800!important;font-weight:500}.college-scheduler-project .tech-category ul{list-style:none;padding:0}.college-scheduler-project .tech-category li{color:#ccc!important;margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6}.college-scheduler-project .tech-category li:before{content:"▸";position:absolute;left:0;color:#ff9800!important;font-weight:700}.college-scheduler-project .project-challenges{margin-bottom:6rem;opacity:1!important;visibility:visible!important;display:block!important}.college-scheduler-project .project-challenges h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:3rem;color:#fff!important}.college-scheduler-project .challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.college-scheduler-project .challenge-item{background:#ffffff05!important;border-left:4px solid #FF9800!important;padding:2rem;border-radius:8px}.college-scheduler-project .challenge-item h3{font-size:1.3rem;margin-bottom:1rem;color:#fff!important;font-weight:500}.college-scheduler-project .challenge-item p{color:#bbb!important;line-height:1.7}.college-scheduler-project .app-showcase{padding:0rem 4rem 8rem;background:#000!important}.college-scheduler-project .app-showcase-container{max-width:1200px;margin:0 auto}.college-scheduler-project .showcase-content h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:1rem;color:#fff!important}.college-scheduler-project .showcase-subtitle{text-align:center;font-size:1.2rem;color:#bbb!important;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.college-scheduler-project .showcase-gallery{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.college-scheduler-project .gallery-main{display:flex;flex-direction:column;align-items:center;gap:2rem}.college-scheduler-project .phone-mockup{background:linear-gradient(145deg,#2c2c2c,#1a1a1a);padding:1.5rem;border-radius:2rem;box-shadow:0 20px 40px #0000004d;border:2px solid rgba(255,152,0,.2)}.college-scheduler-project .main-screen{width:250px;height:500px;object-fit:cover;border-radius:1.5rem;transition:transform .6s ease}.college-scheduler-project .screen-info{text-align:center;max-width:400px}.college-scheduler-project .screen-info h3{font-size:1.5rem;margin-bottom:.5rem;color:#ff9800!important}.college-scheduler-project .screen-info p{color:#ccc!important;line-height:1.6}.college-scheduler-project .screen-thumbnails{display:flex;flex-direction:column;gap:1rem}.college-scheduler-project .screen-thumb{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:#ffffff05}.college-scheduler-project .screen-thumb:hover{background:#ffffff0d!important}.college-scheduler-project .screen-thumb.active{background:#ff98001a!important;border-color:#ff9800!important}.college-scheduler-project .screen-thumb img{width:50px;height:100px;object-fit:cover;border-radius:6px}.college-scheduler-project .thumb-title{color:#fff!important;font-size:.9rem;font-weight:500}.college-scheduler-project .user-impact{padding:8rem 4rem;background:#000!important}.college-scheduler-project .user-impact-container{max-width:1200px;margin:0 auto}.college-scheduler-project .impact-content h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:2rem;color:#fff!important}.college-scheduler-project .impact-description{text-align:center;font-size:1.2rem;color:#bbb!important;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.college-scheduler-project .achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.college-scheduler-project .achievement-card{text-align:center;padding:2rem;background:#ffffff08!important;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.college-scheduler-project .achievement-card:hover{transform:translateY(-5px);background:#ff98001a!important;border-color:#ff98004d!important}.college-scheduler-project .achievement-icon{font-size:2.5rem;margin-bottom:1rem}.college-scheduler-project .achievement-card h3{font-size:1.3rem;font-weight:500;color:#ff9800!important;margin-bottom:1rem}.college-scheduler-project .achievement-card p{color:#bbb!important;line-height:1.6}.college-scheduler-project .impact-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.college-scheduler-project .highlight-item{padding:2rem;background:#ffffff05!important;border-radius:8px;border-left:4px solid #FF9800!important}.college-scheduler-project .highlight-item h3{color:#fff!important;font-size:1.3rem;margin-bottom:1rem;font-weight:500}.college-scheduler-project .highlight-item p{color:#ccc!important;line-height:1.6}.college-scheduler-project .development-process{padding:8rem 4rem;background:#000!important}.college-scheduler-project .development-process-container{max-width:1200px;margin:0 auto}.college-scheduler-project .process-content h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:2rem;color:#fff!important}.college-scheduler-project .process-description{text-align:center;font-size:1.2rem;color:#bbb!important;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.college-scheduler-project .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.college-scheduler-project .team-member{padding:2rem;background:#ffffff08!important;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.college-scheduler-project .team-member:hover{transform:translateY(-5px);background:#ffffff0d!important}.college-scheduler-project .team-member h3{color:#ff9800!important;font-size:1.3rem;margin-bottom:1.5rem;font-weight:500}.college-scheduler-project .team-member ul{list-style:none;padding:0}.college-scheduler-project .team-member li{color:#ccc!important;margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6}.college-scheduler-project .team-member li:before{content:"▸";position:absolute;left:0;color:#ff9800!important;font-weight:700}.college-scheduler-project .methodology-section{margin-top:4rem}.college-scheduler-project .methodology-section h3{font-size:2rem;color:#fff!important;text-align:center;margin-bottom:3rem;font-weight:300}.college-scheduler-project .methodology-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.college-scheduler-project .method-step{display:flex;align-items:flex-start;gap:1rem}.college-scheduler-project .step-number{background:linear-gradient(135deg,#ff9800,#ffb74d)!important;color:#000!important;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.college-scheduler-project .step-content h4{color:#fff!important;font-size:1.2rem;margin-bottom:.5rem;font-weight:500}.college-scheduler-project .step-content p{color:#bbb!important;line-height:1.6}.college-scheduler-project .learnings-future{padding:8rem 4rem;background:#000!important}.college-scheduler-project .learnings-future-container{max-width:1200px;margin:0 auto}.college-scheduler-project .learnings-content h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;text-align:center;margin-bottom:2rem;color:#fff!important}.college-scheduler-project .learnings-description{text-align:center;font-size:1.2rem;color:#bbb!important;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.college-scheduler-project .learnings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.college-scheduler-project .learning-card{padding:2rem;background:#ffffff08!important;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .4s ease}.college-scheduler-project .learning-card:hover{transform:translateY(-5px);background:#ffffff0d!important;border-color:#ff98004d!important}.college-scheduler-project .learning-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.college-scheduler-project .learning-card h3{color:#fff!important;font-size:1.3rem;margin-bottom:1rem;font-weight:500}.college-scheduler-project .learning-card p{color:#bbb!important;line-height:1.6}.college-scheduler-project .technical-skills{margin-top:4rem}.college-scheduler-project .technical-skills h3{font-size:2rem;color:#fff!important;text-align:center;margin-bottom:3rem;font-weight:300}.college-scheduler-project .skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.college-scheduler-project .skill-item{padding:2rem;background:#ffffff05!important;border-radius:8px;border-left:4px solid #FF9800!important}.college-scheduler-project .skill-item h4{color:#ff9800!important;font-size:1.2rem;margin-bottom:.5rem;font-weight:500}.college-scheduler-project .skill-item p{color:#ccc!important;line-height:1.6}.college-scheduler-project .project-navigation{padding:4rem;background:#000!important;border-top:1px solid rgba(255,255,255,.1)}.college-scheduler-project .project-navigation-container{max-width:1200px;margin:0 auto}.college-scheduler-project .nav-content{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.college-scheduler-project .nav-item{display:flex;flex-direction:column;gap:.5rem}.college-scheduler-project .nav-item.next{align-items:flex-end;text-align:right}.college-scheduler-project .nav-label{font-size:.9rem;color:#888!important;text-transform:uppercase;letter-spacing:.5px}.college-scheduler-project .nav-link{display:flex;align-items:center;gap:1rem;color:#fff!important;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease}.college-scheduler-project .nav-link:hover{color:#ff9800!important;transform:translate(5px)}.college-scheduler-project .nav-item.prev .nav-link:hover{transform:translate(-5px)}.college-scheduler-project .nav-arrow{font-size:1.5rem;color:#ff9800!important}.college-scheduler-project .back-to-projects{background:linear-gradient(135deg,#ff9800,#ffb74d)!important;color:#000!important;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s ease}.college-scheduler-project .back-to-projects:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ff98004d}.college-scheduler-project .fade-in-element{opacity:1!important;transform:translateY(0)!important;transition:opacity .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1)}.college-scheduler-project .fade-in-element.fade-in-visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.college-scheduler-project .project-hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.college-scheduler-project .project-hero-image{order:-1;max-width:500px;margin:0 auto}.college-scheduler-project .showcase-gallery{grid-template-columns:1fr;gap:2rem;text-align:center}.college-scheduler-project .screen-thumbnails{flex-direction:row;overflow-x:auto;padding-bottom:1rem;justify-content:center}.college-scheduler-project .screen-thumb{flex-shrink:0;min-width:200px}.college-scheduler-project .nav-content{grid-template-columns:1fr;gap:2rem;text-align:center}.college-scheduler-project .nav-item,.college-scheduler-project .nav-item.next{align-items:center;text-align:center}}@media (max-width: 768px){.college-scheduler-project .project-hero{padding:100px 2rem 2rem}.college-scheduler-project .project-details,.college-scheduler-project .app-showcase,.college-scheduler-project .user-impact,.college-scheduler-project .development-process,.college-scheduler-project .learnings-future,.college-scheduler-project .project-navigation{padding:4rem 2rem}.college-scheduler-project .features-grid{grid-template-columns:1fr}.college-scheduler-project .tech-details{grid-template-columns:1fr;gap:2rem}.college-scheduler-project .challenges-grid{grid-template-columns:1fr}.college-scheduler-project .project-meta{justify-content:center}.college-scheduler-project .achievements-grid{grid-template-columns:repeat(2,1fr)}.college-scheduler-project .methodology-steps{grid-template-columns:1fr;gap:2rem}.college-scheduler-project .screen-thumbnails{flex-direction:column}.college-scheduler-project .screen-thumb{min-width:auto}.college-scheduler-project .main-screen{width:200px;height:400px}}@media (max-width: 480px){.college-scheduler-project .project-hero{padding:80px 1rem 1rem}.college-scheduler-project .project-details,.college-scheduler-project .app-showcase,.college-scheduler-project .user-impact,.college-scheduler-project .development-process,.college-scheduler-project .learnings-future,.college-scheduler-project .project-navigation{padding:3rem 1rem}.college-scheduler-project .back-button{margin-bottom:2rem}.college-scheduler-project .feature-card,.college-scheduler-project .challenge-item{padding:1.5rem}.college-scheduler-project .achievements-grid{grid-template-columns:1fr}.college-scheduler-project .main-screen{width:180px;height:360px}.college-scheduler-project .phone-mockup{padding:1rem}.college-scheduler-project .team-member,.college-scheduler-project .learning-card,.college-scheduler-project .skill-item{padding:1.5rem}.college-scheduler-project .method-step{flex-direction:column;text-align:center;gap:1rem}.college-scheduler-project .step-number{margin:0 auto}.college-scheduler-project .nav-link{flex-direction:column;gap:.5rem;text-align:center}.college-scheduler-project .nav-arrow{transform:rotate(90deg)}.college-scheduler-project .nav-item.prev .nav-arrow{transform:rotate(-90deg)}}body.scheduler-page,html.scheduler-page{background:#000!important;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.college-scheduler-project .fade-in-element{transition:none;opacity:1;transform:none}.college-scheduler-project .project-hero{transition:none;opacity:1}.college-scheduler-project .feature-card,.college-scheduler-project .achievement-card,.college-scheduler-project .team-member,.college-scheduler-project .learning-card,.college-scheduler-project .cta-button,.college-scheduler-project .back-to-projects,.college-scheduler-project .nav-link,.college-scheduler-project .project-hero-image img,.college-scheduler-project .main-screen{transition:none}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#000;overflow-x:hidden;min-height:100vh;line-height:1.6}.app{min-height:100vh;position:relative}::selection{background:#ffffff1a;color:#fff}::-moz-selection{background:#ffffff1a;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}a{color:inherit;text-decoration:none;transition:color .3s ease}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}