.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--lofi-bg);border-bottom:1px solid var(--border-accent);box-shadow:var(--shadow-soft);transition:all .3s ease;padding:16px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header.scrolled{background:var(--header-scrolled-bg);box-shadow:var(--header-scrolled-shadow)}.header-container{max-width:1200px;width:100%;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:32px}@media (max-width: 768px){.header-container{padding:0 20px;gap:16px}}@media (max-width: 480px){.header-container{padding:0 16px;gap:12px}}.logo{display:flex;align-items:center;flex-shrink:0}.logo-link{text-decoration:none;color:inherit;display:flex;align-items:center;transition:opacity .25s ease}.logo-link:hover{opacity:.8}.logo-text{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-light);white-space:nowrap}@media (max-width: 480px){.logo-text{font-size:1.25rem}}.logo-icon{font-size:1.5rem;animation:float 3s ease-in-out infinite}.nav{display:flex;gap:32px;align-items:center;flex:1;justify-content:center}@media (max-width: 968px){.nav{gap:24px}}.nav-link{color:var(--text-light);text-decoration:none;font-weight:500;transition:all .25s ease;position:relative;padding:8px 4px;font-size:1rem;white-space:nowrap;display:flex;align-items:center}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--lofi-mint);border-radius:2px;transition:width .25s ease}.nav-link:hover{color:var(--lofi-mint)}.nav-link:hover:after{width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 968px){.nav{gap:20px}}@media (max-width: 768px){.header-container{flex-wrap:wrap}.logo{order:1}.nav{order:2;width:100%;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid var(--border-accent);margin-top:12px}.nav-link{font-size:.95rem}}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-content{max-width:1200px;width:100%;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;justify-items:center;margin:0 auto}.hero-text{animation:fadeInUp .8s ease-out}.greeting{font-size:1.25rem;color:var(--lofi-pink);margin-bottom:12px;font-weight:500;letter-spacing:.05em}.hero-title{font-size:2.75rem;margin-bottom:16px;line-height:1.25;color:var(--text-light);font-weight:600}.hero-subtitle{font-size:1.1rem;color:var(--text-medium);margin-bottom:36px;line-height:1.55;font-weight:400;max-width:36rem}.highlight{color:var(--lofi-mint);position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:6px;background:var(--lofi-purple);opacity:.35;z-index:-1;border-radius:4px}.social-links{display:flex;gap:14px}.social-link{width:48px;height:48px;border-radius:14px;background:var(--lofi-bg-light);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1.25rem;transition:all .25s ease;text-decoration:none;box-shadow:var(--shadow-soft)}.social-link:hover{background:var(--lofi-purple);color:var(--text-light);transform:translateY(-2px);box-shadow:0 6px 20px #cba6f759}.hero-image{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.pixel-art-container{display:grid;grid-template-columns:repeat(2,100px);grid-template-rows:repeat(2,100px);gap:56px;place-content:center;width:100%;height:100%}.pixel-box{width:100px;height:100px;background:var(--lofi-bg-light);border:1px solid var(--border-accent);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);animation:float 4s ease-in-out infinite}.pixel-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;line-height:0}.pixel-icon svg{display:block}.pixel-box-1 .pixel-icon{color:#8839ef}.pixel-box-2 .pixel-icon{color:#ea76cb}.pixel-box-3 .pixel-icon{color:#40a02b}.pixel-box-4 .pixel-icon{color:#fe640b}.pixel-box-1{animation-delay:0s;background:#cba6f7;border-color:#8839ef}.pixel-box-2{animation-delay:1s;background:#f5c2e7;border-color:#ea76cb}.pixel-box-3{animation-delay:2s;background:#94e2d5;border-color:#40a02b}.pixel-box-4{animation-delay:1.5s;background:#fab387;border-color:#fe640b}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-12px) translate(4px)}}.scroll-down{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:var(--text-light);font-size:1.5rem;animation:float 2s ease-in-out infinite;text-decoration:none;transition:color .25s ease;opacity:.9}.scroll-down:hover{color:var(--lofi-mint);opacity:1}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;text-align:center;justify-items:center}.hero-text{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-title{font-size:2.25rem}.hero-image{height:300px;width:100%;max-width:500px;margin:0 auto}.pixel-art-container{grid-template-columns:repeat(2,72px);grid-template-rows:repeat(2,72px);gap:44px}.pixel-box{width:72px;height:72px;border-radius:16px}.pixel-icon{font-size:1.75rem}}@media (max-width: 768px){.hero-content{padding:0 16px}.hero-title{font-size:1.85rem}.greeting{font-size:1.1rem}.hero-subtitle{font-size:1rem}.social-links{justify-content:center}}@media (max-width: 480px){.hero-content{padding:0 12px}.hero-title{font-size:1.6rem}}.about{background:var(--lofi-bg-light);border:1px solid var(--border-accent);border-radius:24px;margin:40px auto;padding:60px 40px;box-shadow:var(--shadow-card);max-width:1200px;width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center}.about-container{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.about-content{display:grid;gap:50px;width:100%}.about-split{display:grid;grid-template-columns:minmax(240px,520px) 1fr;gap:36px;align-items:start;width:100%;max-width:1100px;margin:0 auto}.about-video-column{width:100%;justify-self:start}.about-video-frame{width:100%;max-width:520px;margin:0;border-radius:16px;border:3px solid var(--crust);box-shadow:var(--shadow-soft);overflow:hidden;background:var(--lofi-bg);line-height:0}.about-copy{min-width:0;text-align:left}.about-video{display:block;width:100%;border:none;border-radius:0}.about-intro{font-size:1.5rem;color:var(--lofi-mint);font-weight:500;margin-bottom:20px}.about-copy p{margin-bottom:0;font-size:1.05rem;line-height:1.75;color:var(--text-medium);font-weight:400}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:40px;width:100%;justify-items:stretch}.skill-card{background:var(--lofi-bg);padding:28px;text-align:center;transition:all .25s ease;border:1px solid var(--skill-color);border-radius:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;width:100%}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.skill-icon{font-size:2.25rem;color:var(--skill-color);margin-bottom:14px;transition:transform .25s ease}.skill-card:hover .skill-icon{transform:scale(1.08)}.skill-name{font-size:1.1rem;color:var(--text-light);font-weight:600}@media (max-width: 768px){.about{margin:20px auto;padding:40px 24px;border-radius:20px;width:calc(100% - 32px)}.section-title{font-size:1.75rem}.about-intro{font-size:1.25rem}.about-split{grid-template-columns:1fr;gap:28px}.about-video-frame{max-width:100%}.about-copy p{font-size:1rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;justify-items:stretch}.skill-card{padding:20px;min-height:160px}}@media (max-width: 480px){.about{padding:32px 20px;width:calc(100% - 24px)}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:150px}}.education{background:var(--lofi-bg-light);border:1px solid var(--border-accent);border-radius:24px;margin:40px auto;padding:60px 40px;box-shadow:var(--shadow-card);max-width:1200px;width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center}.education-container{width:100%;max-width:1000px;margin:0 auto}.education-timeline{display:flex;flex-direction:column;gap:32px}.education-item{display:flex;gap:24px;position:relative;padding-left:60px}.education-item:before{content:"";position:absolute;left:20px;top:0;bottom:-32px;width:2px;background:var(--border-accent)}.education-item:last-child:before{display:none}.education-icon{position:absolute;left:0;top:4px;width:40px;height:40px;border-radius:50%;background:var(--lofi-bg);border:2px solid var(--edu-color);display:flex;align-items:center;justify-content:center;color:var(--edu-color);font-size:1.25rem;z-index:1;transition:all .3s ease}.education-item:hover .education-icon{transform:scale(1.1);box-shadow:0 0 0 4px #cba6f733}.education-content{flex:1;background:var(--lofi-bg);padding:28px;border-radius:20px;border:1px solid var(--edu-color);box-shadow:var(--shadow-soft);transition:all .3s ease}.education-item:hover .education-content{transform:translate(4px);box-shadow:0 6px 20px #cba6f733}.education-degree{font-size:1.5rem;color:var(--text-light);font-weight:600;margin:0 0 8px}.education-school{font-size:1.15rem;color:var(--lofi-mint);font-weight:500;margin-bottom:12px}.education-meta{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap;font-size:.95rem;color:var(--text-medium)}.education-location,.education-period{display:flex;align-items:center;gap:6px}.education-location svg,.education-period svg{color:var(--edu-color);font-size:.875rem}.education-detail{font-size:1.05rem;line-height:1.7;color:var(--text-medium);margin:0}@media (max-width: 768px){.education{margin:20px auto;padding:40px 24px;border-radius:20px;width:calc(100% - 32px)}.section-title{font-size:1.75rem}.education-item{padding-left:50px}.education-icon{width:36px;height:36px;font-size:1.1rem}.education-content{padding:20px}.education-degree{font-size:1.3rem}.education-school{font-size:1.05rem}.education-meta{flex-direction:column;gap:8px;font-size:.9rem}.education-detail{font-size:1rem}}@media (max-width: 480px){.education{padding:32px 20px;width:calc(100% - 24px)}.education-item{padding-left:44px}.education-icon{width:32px;height:32px;font-size:1rem}.education-degree{font-size:1.2rem}}.experience{background:var(--lofi-bg-light);border:1px solid var(--border-accent);border-radius:24px;margin:40px auto;padding:60px 40px;box-shadow:var(--shadow-card);max-width:1200px;width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center}.experience-container{width:100%;max-width:1000px;margin:0 auto}.experience-timeline{display:flex;flex-direction:column;gap:32px;position:relative}.experience-item{display:flex;gap:24px;position:relative;padding-left:60px}.experience-item:before{content:"";position:absolute;left:20px;top:0;bottom:-32px;width:2px;background:var(--border-accent)}.experience-item:last-child:before{display:none}.experience-icon{position:absolute;left:0;top:4px;width:40px;height:40px;border-radius:50%;background:var(--lofi-bg);border:2px solid var(--exp-color);display:flex;align-items:center;justify-content:center;color:var(--exp-color);font-size:1.25rem;z-index:1;transition:all .3s ease}.experience-item:hover .experience-icon{transform:scale(1.1);box-shadow:0 0 0 4px #cba6f733}.experience-content{flex:1;background:var(--lofi-bg);padding:28px;border-radius:20px;border:1px solid var(--exp-color);box-shadow:var(--shadow-soft);transition:all .3s ease}.experience-item:hover .experience-content{transform:translate(4px);box-shadow:0 6px 20px #cba6f733}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px;flex-wrap:wrap}.experience-title{font-size:1.5rem;color:var(--text-light);font-weight:600;margin:0}.experience-type{font-size:.875rem;color:var(--exp-color);background:#cba6f726;padding:4px 12px;border-radius:12px;font-weight:500;white-space:nowrap}.experience-company{font-size:1.15rem;color:var(--lofi-mint);font-weight:500;margin-bottom:12px}.experience-meta{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap;font-size:.95rem;color:var(--text-medium)}.experience-period{display:flex;align-items:center;gap:6px}.experience-period svg{color:var(--exp-color);font-size:.875rem}.experience-description{font-size:1.05rem;line-height:1.7;color:var(--text-medium);margin-bottom:16px}.experience-responsibilities{list-style:none;padding:0;margin:0}.experience-responsibilities li{font-size:1rem;line-height:1.7;color:var(--text-medium);padding-left:24px;position:relative;margin-bottom:8px}.experience-responsibilities li:before{content:"▸";position:absolute;left:0;color:var(--exp-color);font-weight:600}.experience-responsibilities li:last-child{margin-bottom:0}@media (max-width: 768px){.experience{margin:20px auto;padding:40px 24px;border-radius:20px;width:calc(100% - 32px)}.section-title{font-size:1.75rem}.experience-item{padding-left:50px}.experience-icon{width:36px;height:36px;font-size:1.1rem}.experience-content{padding:20px}.experience-title{font-size:1.3rem}.experience-company{font-size:1.05rem}.experience-meta{flex-direction:column;gap:8px;font-size:.9rem}.experience-description{font-size:1rem}.experience-responsibilities li{font-size:.95rem}}@media (max-width: 480px){.experience{padding:32px 20px;width:calc(100% - 24px)}.experience-item{padding-left:44px}.experience-icon{width:32px;height:32px;font-size:1rem}.experience-header{flex-direction:column;gap:8px}.experience-title{font-size:1.2rem}}.projects{background:var(--lofi-bg-light);border:1px solid var(--border-accent);border-radius:24px;margin:40px auto;padding:60px 40px;box-shadow:var(--shadow-card);max-width:1200px;width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center}.projects-container{width:100%;max-width:1000px;margin:0 auto}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:2.25rem;color:var(--text-light);margin-bottom:12px;font-weight:600}.title-decoration{font-size:1.75rem;animation:float 3s ease-in-out infinite}.projects-stack{display:flex;flex-direction:column;gap:32px;width:100%}.project-panel{width:100%;background:var(--lofi-bg);border:1px solid var(--project-color);border-radius:20px;padding:28px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:14px;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.project-panel:hover{transform:translate(4px);box-shadow:0 6px 20px #cba6f733}.project-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.project-title{margin:0;font-size:1.5rem;color:var(--text-light);font-weight:600}.project-kind{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--project-color);opacity:.95}.project-description{margin:0;font-size:1.05rem;line-height:1.7;color:var(--text-medium)}.project-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.project-tags li{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--project-color);background:#cba6f71a;padding:4px 10px;border-radius:8px;border:1px solid rgba(203,166,247,.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.projects{margin:20px auto;padding:40px 24px;border-radius:20px;width:calc(100% - 32px)}.section-title{font-size:1.75rem}.project-panel{padding:20px}.project-title{font-size:1.3rem}.project-description{font-size:1rem}}@media (max-width: 480px){.projects{padding:32px 20px;width:calc(100% - 24px)}.project-title{font-size:1.2rem}}.doodles-container{position:absolute;top:0;left:0;width:100%;min-height:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.doodle{position:absolute;color:var(--lofi-purple);opacity:.08;animation:floatDoodle 20s ease-in-out infinite;animation-delay:var(--delay);transform:translate(-50%,-50%) rotate(var(--rotation));transition:opacity .3s ease}.doodle:hover{opacity:.15}.doodle-small{font-size:1.75rem}.doodle-medium{font-size:2.5rem}.doodle-large{font-size:3.5rem}@keyframes floatDoodle{0%,to{transform:translate(-50%,-50%) rotate(var(--rotation))}25%{transform:translate(calc(-50% + 15px),calc(-50% + 12px)) rotate(calc(var(--rotation) + 5deg))}50%{transform:translate(calc(-50% - 10px),calc(-50% + 18px)) rotate(calc(var(--rotation) - 5deg))}75%{transform:translate(calc(-50% + 8px),calc(-50% - 8px)) rotate(calc(var(--rotation) + 3deg))}}section,.header{position:relative;z-index:2}@media (max-width: 768px){.doodle-small{font-size:1.5rem}.doodle-medium{font-size:2rem}.doodle-large{font-size:2.75rem}.doodle{opacity:.06}}.App{width:100%;min-height:100vh;position:relative;z-index:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}section{padding:80px 20px;max-width:1200px;margin:0 auto;position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 768px){section{padding:60px 16px}}@media (max-width: 480px){section{padding:50px 12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--overlay0: #6c7086;--overlay1: #7f849c;--overlay2: #9399b2;--subtext0: #a6adc8;--subtext1: #bac2de;--text: #cdd6f4;--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe}:root{--lofi-bg: #1e1e2e;--lofi-bg-light: #313244;--lofi-bg-elevated: #45475a;--lofi-purple: #cba6f7;--lofi-pink: #f5c2e7;--lofi-peach: #fab387;--lofi-cream: #f5e0dc;--lofi-mint: #94e2d5;--lofi-yellow: #f9e2af;--lofi-brown: #a6adc8;--text-light: #cdd6f4;--text-medium: #bac2de;--border-accent: rgba(69, 71, 90, .6);--shadow-soft: 0 4px 20px rgba(17, 17, 27, .5);--shadow-card: 0 8px 32px rgba(17, 17, 27, .6);--header-scrolled-bg: rgba(30, 30, 46, .92);--header-scrolled-shadow: 0 4px 24px rgba(17, 17, 27, .5);--stripes-color: rgba(17, 17, 27, .15);--body-glow: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(203, 166, 247, .06), transparent);--btn-primary-text: #cdd6f4}body{font-family:Poppins,sans-serif;background:var(--lofi-bg);background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,var(--stripes-color) 20px,var(--stripes-color) 24px),var(--body-glow);color:var(--text-light);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3{font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.3}#root{min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--lofi-bg-light)}::-webkit-scrollbar-thumb{background:var(--lofi-purple);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--lofi-pink)}