:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--color-bg-light: #ffffff;--color-text-light: #213547;--color-accent-light: #646cff;--color-secondary-light: #f9f9f9;--color-highlight-light: #e0e7ff;--color-bg-dark: #0f172a;--color-text-dark: #f8fafc;--color-accent-dark: #38bdf8;--color-secondary-dark: #1e293b;--color-highlight-dark: rgba(56, 189, 248, .2);--color-bg-electric: #050505;--color-text-electric: #e0e0e0;--electric-cyan: #0ff0fc;--electric-pink: #ff00ff;--electric-purple: #bf00ff;--electric-lime: #ccff00;--color-accent-electric: var(--electric-pink);--color-secondary-electric: #090909;--color-highlight-electric: rgba(255, 0, 255, .2);--bg-color: var(--color-bg-dark);--text-color: var(--color-text-dark);--accent-color: var(--color-accent-dark);--secondary-bg: var(--color-secondary-dark);--highlight-bg: var(--color-highlight-dark);--color-frontend: #2dd4bf;--color-backend: #a78bfa;--color-workflow: rgb(36, 190, 251)}[data-theme=light]{--bg-color: var(--color-bg-light);--text-color: var(--color-text-light);--accent-color: var(--color-accent-light);--secondary-bg: var(--color-secondary-light);--highlight-bg: var(--color-highlight-light)}[data-theme=electric]{--bg-color: var(--color-bg-electric);--text-color: var(--color-text-electric);--accent-color: var(--color-accent-electric);--secondary-bg: var(--color-secondary-electric);--highlight-bg: var(--color-highlight-electric);--color-frontend: var(--electric-cyan);--color-backend: var(--electric-purple);--color-workflow: var(--electric-pink)}[data-theme=electric] body{background-attachment:fixed}[data-theme=electric] h1,[data-theme=electric] h2,[data-theme=electric] h3{text-shadow:1px 2px 0px var(--electric-cyan),-2px -2px 0px var(--electric-purple);letter-spacing:1px}html,body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;min-height:100vh;width:100%}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.1}a{color:var(--accent-color);text-decoration:inherit;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer}.highlight-text{color:var(--accent-color);text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:4px;font-weight:600}[data-theme=electric] .highlight-text{text-shadow:0 0 5px var(--electric-cyan)}[data-theme=electric] .app-header-title{color:var(--color-text-electric)}.theme-dropdown-container{position:fixed;top:2rem;right:4rem;width:50px;height:50px;display:flex;justify-content:center;align-items:center;z-index:1000}.theme-toggle-main{background:var(--bg-color);border:2px solid var(--text-color);color:var(--text-color);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;position:relative;transition:all .3s ease;box-shadow:0 4px 10px #0003}.theme-toggle-main:hover{background-color:var(--secondary-bg);box-shadow:0 0 15px var(--accent-color);border-color:var(--accent-color)}.theme-options-wrapper{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.theme-option{position:absolute;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--secondary-bg);color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 4px 6px #0000004d;margin-top:-20px;margin-left:-20px}.theme-option:hover{background-color:var(--accent-color);color:var(--bg-color);transform:scale(1.1)}.theme-option.active{border:2px solid var(--accent-color)}[data-theme=electric] .theme-toggle-main{border-color:var(--electric-cyan);box-shadow:0 0 15px var(--electric-cyan),inset 0 0 10px var(--electric-purple);background-color:var(--bg-color)}[data-theme=electric] .theme-toggle-main:hover{background-color:var(--secondary-bg);color:var(--electric-lime);box-shadow:0 0 25px var(--electric-lime),inset 0 0 15px var(--electric-cyan);border-color:var(--electric-lime);transform:rotate(180deg)}[data-theme=electric] .theme-option{border:2px solid var(--electric-purple);box-shadow:0 0 10px var(--electric-purple)}[data-theme=electric] .theme-option:hover{background-color:var(--electric-pink);color:#fff;box-shadow:0 0 20px var(--electric-pink);border-color:#fff}.hero-section{min-height:24vh;display:flex;flex-direction:column;justify-content:center}.greeting{font-size:1.2rem;color:var(--accent-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.i-build{font-size:clamp(2rem,5vw,4rem);line-height:1.1;margin-bottom:0;color:var(--text-color)}.title{font-size:clamp(2rem,7vw,5rem);line-height:1.1;margin-bottom:0;color:var(--text-color)}.highlight{background:linear-gradient(120deg,var(--accent-color),#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;height:88px}.subtitle{font-size:1.25rem;color:var(--text-color);opacity:.8;max-width:800px;line-height:1.6}[data-theme=electric] .title{text-shadow:5px 2px 0px var(--electric-purple),-3px -3px 0px var(--electric-cyan)}[data-theme=electric] .greeting{color:var(--electric-lime);text-shadow:0 0 10px var(--electric-lime)}[data-theme=electric] .highlight{background:linear-gradient(120deg,var(--electric-pink),var(--electric-cyan));-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px rgba(255,0,255,.5)}.headshot-skills-wrapper{position:relative;width:100%;min-height:800px;overflow:hidden}.hs-desktop{display:none;position:relative;width:100%;height:1200px;overflow:hidden}.hs-profile-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;z-index:10;box-shadow:0 0 50px #00000080;background:var(--bg-color);padding:10px}.hs-profile-center img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--accent-color)}.hs-section{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;padding:3rem;box-sizing:border-box}.hs-section h3{font-size:2rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;opacity:.9}[data-theme=electric] .hs-section h3{text-shadow:5px 2px 0px var(--electric-purple),-3px -3px 0px var(--electric-cyan);color:var(--color-text-electric);opacity:1}.hs-tags{display:flex;flex-wrap:wrap;gap:1rem}.hs-tag{padding:.5rem 1rem;border-style:solid;border-width:2px;border-radius:8px;font-weight:600;font-size:1rem;background:var(--bg-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .2s}.hs-tag:hover{transform:scale(1.1)}.hs-top-left:before,.hs-top-right:before,.hs-bottom:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 80%)}.hs-top-left{justify-content:flex-start;align-items:flex-start;padding-top:300px;padding-left:100px}.hs-top-left:before{clip-path:polygon(50% 50%,50% 0%,0% 0%,0% 80%);background:radial-gradient(circle at 50% 50%,rgba(15,240,252,.15),transparent 60%)}.hs-top-left h3{color:var(--color-frontend);text-align:left}.hs-top-left .hs-tags{max-width:400px}.hs-top-left .hs-tag{border-color:var(--color-frontend);color:var(--color-frontend)}.hs-top-right{justify-content:flex-start;align-items:flex-end;padding-top:300px;padding-right:100px}.hs-top-right:before{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 80%);background:radial-gradient(circle at 50% 50%,rgba(189,0,255,.15),transparent 60%)}.hs-top-right h3{color:var(--color-backend);text-align:right}.hs-top-right .hs-tags{justify-content:flex-end;max-width:400px}.hs-top-right .hs-tag{border-color:var(--color-backend);color:var(--color-backend)}.hs-bottom{justify-content:flex-end;align-items:center;padding-bottom:280px}.hs-bottom:before{clip-path:polygon(50% 50%,100% 80%,100% 100%,0% 100%,0% 80%);background:radial-gradient(circle at 50% 50%,rgba(36,190,251,.45),transparent 60%)}[data-theme=electric] .hs-bottom:before{background:radial-gradient(circle at 50% 50%,rgba(255,0,255,.45),transparent 60%)}.hs-bottom h3{color:var(--color-workflow)}.hs-bottom .hs-tags{justify-content:center;max-width:600px}.hs-bottom .hs-tag{border-color:var(--color-workflow);color:var(--color-workflow)}.hs-mobile{display:flex;flex-direction:column;width:100%}.hs-mobile-header{display:flex;justify-content:center;padding:3rem 0}.hs-profile-mobile{width:200px;height:200px;border-radius:50%;padding:5px;background:var(--bg-color);box-shadow:0 0 30px #0000004d}.hs-profile-mobile img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--accent-color)}.hs-mobile-stack{display:flex;flex-direction:column;gap:2rem}.hs-mobile-section{padding:2rem 1.5rem;position:relative;margin-bottom:20px}.hs-mobile-section .hs-mobile-section-header{top:-38px;position:absolute}.section-frontend.hs-mobile-section{background:linear-gradient(to top,transparent,rgba(15,240,252,.15));border-top:1px solid rgba(15,240,252,.3)}.section-frontend.hs-mobile-section h3{color:var(--text-color)}.section-frontend.hs-mobile-section .hs-tag{color:var(--color-frontend);border-color:var(--color-frontend)}.section-backend.hs-mobile-section{background:linear-gradient(to top,transparent,rgba(189,0,255,.15));border-top:1px solid rgba(189,0,255,.3)}.section-backend.hs-mobile-section h3{color:var(--text-color)}.section-backend.hs-mobile-section .hs-tag{color:var(--color-backend);border-color:var(--color-backend)}.section-workflow.hs-mobile-section{background:linear-gradient(to top,transparent,rgba(36,190,251,.45));border-top:1px solid rgba(36,190,251,.3)}[data-theme=electric] .section-workflow.hs-mobile-section{background:linear-gradient(to top,transparent,rgba(255,0,255,.45));border-top:1px solid rgba(255,0,255,.3)}.section-workflow.hs-mobile-section h3{color:var(--text-color)}.section-workflow.hs-mobile-section .hs-tag{color:var(--color-workflow);border-color:var(--color-workflow)}@media(min-width:1024px){.headshot-skills-wrapper{margin-top:-157px;margin-bottom:-196px}.hs-mobile{display:none}.hs-desktop{display:block}}@media(max-width:1023px){.hs-desktop{display:none}.headshot-skills-wrapper{min-height:auto}}.about-me-section{padding:4rem 1rem;max-width:1200px;margin:4rem auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-color)}.about-me-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.about-card{background:var(--secondary-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;height:100%}.about-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026;border-color:var(--accent-color)}.about-card h3{color:var(--accent-color);margin-bottom:1rem;font-size:1.5rem}.about-card p{color:var(--text-color);line-height:1.7;opacity:.9;margin:0}.quote-container{text-align:center;margin-top:5rem;padding:2rem;border-top:1px solid var(--highlight-bg);border-bottom:1px solid var(--highlight-bg)}.quote-container blockquote{font-size:1.5rem;font-style:italic;color:var(--text-color);margin:0;font-family:serif}[data-theme=electric] .about-card{background:#000c;border:1px solid var(--electric-purple);box-shadow:0 0 10px #bf00ff4d}[data-theme=electric] .about-card:hover{box-shadow:0 0 20px var(--electric-purple)}[data-theme=electric] .drive-card h3{color:var(--electric-cyan);text-shadow:0 0 5px var(--electric-cyan)}[data-theme=electric] .family-card h3{color:var(--electric-lime);text-shadow:0 0 5px var(--electric-lime)}[data-theme=electric] .hobbies-card h3{color:var(--electric-pink);text-shadow:0 0 5px var(--electric-pink)}[data-theme=electric] .section-title{text-shadow:5px 2px 0px var(--electric-purple),-3px -3px 0px var(--electric-cyan);color:var(--color-text-electric)}.work-history-section{padding:4rem 0;max-width:900px;margin:0 auto}.section-title{font-size:2rem;margin-bottom:4rem;color:var(--text-color);border-bottom:2px solid var(--accent-color);display:inline-block;padding-bottom:.5rem}[data-theme=electric] .section-title{color:var(--color-text-electric);text-shadow:5px 2px 0px var(--electric-purple),-3px -3px 0px var(--electric-cyan);border-bottom-color:var(--electric-pink)}.history-list{display:flex;flex-direction:column;gap:4rem}.history-card-container{padding-left:3rem;border-left:4px solid rgba(255,255,255,.1);position:relative;transition:all .3s}.history-card-container:hover{border-left-color:var(--accent-color)}.history-card-container:hover .skill-column .tech-tag{opacity:1}.history-card-container:hover .skill-column .tech-tag.frontend{color:var(--color-frontend);border-color:var(--color-frontend);background:#2dd4bf1a}.history-card-container:hover .skill-column .tech-tag.backend{color:var(--color-backend);border-color:var(--color-backend);background:#a78bfa1a}.history-card-container:hover .skill-column .tech-tag.workflow{color:var(--color-workflow);border-color:var(--color-workflow);background:#24befb1a}.history-card-container:before{content:"";position:absolute;left:-13px;top:0;width:16px;height:16px;background:var(--bg-color);border:3px solid rgba(255,255,255,.1);border-radius:50%;transition:all .3s}.history-card-container:hover:before{border-color:var(--accent-color);background:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.role-company h4{font-size:1.6rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem}.company-row{display:flex;align-items:center;gap:.5rem;color:var(--accent-color);font-weight:600;font-size:1.1rem;opacity:.9}.meta-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;font-size:.9rem;color:var(--text-color);opacity:.7;font-style:italic}.narrative-text{color:var(--text-color);opacity:.9;line-height:1.8;font-size:1.05rem;margin-bottom:2rem}.narrative-text p{margin-bottom:1rem}.narrative-text p:last-child{margin-bottom:0}.insight-highlight{margin-top:1.5rem;background:rgba(var(--accent-color-rgb),.05);background:linear-gradient(to right,rgba(255,255,255,.03),transparent);border-left:3px solid var(--accent-color);padding:1.5rem;border-radius:0 12px 12px 0;position:relative;margin-bottom:2rem}.insight-highlight p{font-style:italic;opacity:.9;font-size:1.05rem;margin-bottom:0}.skills-container-clean{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.skill-column{display:flex;flex-direction:column;gap:1rem}.sub-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:.5rem;display:block;opacity:.9}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:6px 12px;border-radius:6px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-color);opacity:.7;transition:all .3s ease;width:fit-content;font-family:JetBrains Mono,monospace}@media(max-width:768px){.history-card-container{padding-left:1.5rem;border-left-width:2px}.history-card-container:before{left:-8px;width:14px;height:14px;border-width:2px}.card-header{flex-direction:column;gap:.5rem}.tech-tag{opacity:1}.tech-tag.frontend{color:var(--color-frontend);border-color:var(--color-frontend);background:#2dd4bf1a}.tech-tag.backend{color:var(--color-backend);border-color:var(--color-backend);background:#a78bfa1a}.tech-tag.workflow{color:var(--color-workflow);border-color:var(--color-workflow);background:#24befb1a}.meta-info{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}.additional-sections-container{max-width:1000px;margin:0 auto 4rem;display:flex;flex-direction:column;gap:6rem}.additional-section-title{font-size:2rem;margin-bottom:2.5rem;color:var(--text-color);position:relative;display:inline-block;padding-bottom:.5rem;letter-spacing:2px;opacity:.9}.additional-section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--accent-color)}[data-theme=electric] .additional-section-title{color:var(--color-text-electric);text-shadow:5px 2px 0px var(--electric-purple),-3px -3px 0px var(--electric-cyan)}[data-theme=electric] .additional-section-title:after{background:var(--electric-pink)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{background:var(--secondary-bg);border-radius:16px;padding:2rem;position:relative;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:0 10px 30px -10px rgba(var(--accent-color-rgb),.15)}.project-header{margin-bottom:1.5rem}.project-name{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;font-family:JetBrains Mono,monospace}.project-period{font-size:.85rem;color:var(--accent-color);opacity:.8;display:flex;align-items:center;gap:.5rem}.project-description{color:var(--text-color);opacity:.8;font-size:.95rem;line-height:1.6;margin-bottom:auto;flex-grow:1}.project-tech-stack{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.6rem}.tech-badge{font-size:.75rem;padding:.3rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-color);font-weight:600;transition:all .2s}.project-card:hover .tech-badge{opacity:1}.tech-badge.frontend{color:var(--color-frontend);border-color:#2dd4bf4d;background:#2dd4bf0d}.project-card:hover .tech-badge.frontend{background:#2dd4bf26;border-color:var(--color-frontend);box-shadow:0 0 8px #2dd4bf33}.tech-badge.backend{color:var(--color-backend);border-color:#a78bfa4d;background:#a78bfa0d}.project-card:hover .tech-badge.backend{background:#a78bfa26;border-color:var(--color-backend);box-shadow:0 0 8px #a78bfa33}.tech-badge.workflow{color:var(--color-workflow);border-color:#24befb4d;background:#24befb0d}.project-card:hover .tech-badge.workflow{background:#24befb26;border-color:var(--color-workflow);box-shadow:0 0 8px #24befb33}.education-row{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.education-card{flex:1;min-width:300px;max-width:450px;background:var(--secondary-bg);border:2px solid rgba(255,255,255,.05);border-radius:4px;padding:2.5rem 2rem;text-align:center;position:relative;transition:all .3s ease;height:100%}.education-card:hover{border-color:var(--accent-color);box-shadow:0 10px 30px -10px rgba(var(--accent-color-rgb),.15);background:var(--secondary-bg);transform:translateY(-5px)}.education-card:hover:after,.education-card:hover:before{opacity:1}.edu-icon-bg{font-size:3rem;color:var(--accent-color);opacity:.1;margin-bottom:1rem;display:block}.education-institution{font-size:1.4rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.education-degree{font-size:1.1rem;color:var(--accent-color);font-weight:600;margin-bottom:1rem}.education-meta{font-size:.9rem;color:var(--text-color);opacity:.6;margin-bottom:1.5rem}.education-details{font-size:.9rem;color:var(--text-color);opacity:.8;line-height:1.6;max-width:90%;margin:0 auto}.insight-list{display:flex;flex-direction:column;gap:3rem}.insight-card{position:relative;padding-left:3rem;border-left:4px solid rgba(255,255,255,.1);transition:all .3s}.insight-card:hover{border-left-color:var(--accent-color)}.insight-card:before{content:"";position:absolute;left:-10px;top:0;width:16px;height:16px;background:var(--bg-color);border:3px solid rgba(255,255,255,.1);border-radius:50%;transition:all .3s}.insight-card:hover:before{border-color:var(--accent-color);background:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.insight-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.insight-role{font-size:1.4rem;font-weight:700;color:var(--text-color)}.insight-company{font-size:1.1rem;color:var(--accent-color);opacity:.9}.insight-meta{font-size:.9rem;color:var(--text-color);opacity:.6;font-style:italic}.insight-content{color:var(--text-color);opacity:.85;line-height:1.7}.insight-highlight{margin-top:1.5rem;background:rgba(var(--accent-color-rgb),.05);background:linear-gradient(to right,rgba(255,255,255,.03),transparent);border-left:3px solid var(--accent-color);padding:1.5rem;border-radius:0 12px 12px 0;position:relative}.insight-highlight h5{color:var(--accent-color);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.insight-highlight p{font-style:italic;opacity:.9;font-size:1.05rem}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.education-row{flex-direction:column}.education-card{width:100%;max-width:none}.insight-card{padding-left:1.5rem;border-left-width:2px}.insight-card:before{left:-8px;width:14px;height:14px}.project-card{border-color:var(--accent-color);box-shadow:0 10px 30px -10px rgba(var(--accent-color-rgb),.15)}.project-card .tech-badge{opacity:1}.project-card .tech-badge.frontend{color:var(--color-frontend);border-color:#2dd4bf4d;background:#2dd4bf26;border-color:var(--color-frontend);box-shadow:0 0 8px #2dd4bf33}.project-card .tech-badge.backend{color:var(--color-backend);border-color:#a78bfa4d;background:#a78bfa26;border-color:var(--color-backend);box-shadow:0 0 8px #a78bfa33}.project-card .tech-badge.workflow{color:var(--color-workflow);border-color:#24befb4d;background:#24befb26;border-color:var(--color-workflow);box-shadow:0 0 8px #24befb33}}.retro-scape-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.retro-stars-layer{position:absolute;top:0;left:0;width:100%;height:100%}.star{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px var(--electric-cyan);opacity:0}.star:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:200px;height:2px;background:linear-gradient(to left,#fff,transparent);right:0}@keyframes shoot{0%{transform:translate(-50vmax,-50vmax) rotate(45deg) scale(.5);opacity:0}5%{opacity:1}20%{transform:translate(100vmax,100vmax) rotate(45deg) scale(1.2);opacity:0}to{transform:translate(100vmax,100vmax) rotate(45deg) scale(1);opacity:0}}.star-1{top:0;left:10%;animation:shoot 12s infinite linear 0s}.star-2{top:10%;left:30%;animation:shoot 14s infinite linear 5s}.star-3{top:-5%;left:60%;animation:shoot 11s infinite linear 8s}.star-4{top:15%;left:80%;animation:shoot 15s infinite linear 2s}.star-5{top:30%;left:0%;animation:shoot 13s infinite linear 10s}.star-6{top:5%;left:45%;animation:shoot 13s infinite linear 1s}.star-7{top:25%;left:15%;animation:shoot 16s infinite linear 6s}.star-8{top:-2%;left:90%;animation:shoot 10s infinite linear 3s}.star-9{top:35%;left:70%;animation:shoot 14s infinite linear 9s}.star-10{top:18%;left:55%;animation:shoot 12s infinite linear 11s}.star-11{top:8%;left:25%;animation:shoot 15s infinite linear 4s}.star-12{top:40%;left:5%;animation:shoot 11s infinite linear 7s}.star-13{top:12%;left:75%;animation:shoot 17s infinite linear 1s}.star-14{top:22%;left:35%;animation:shoot 13s infinite linear 12s}.star-15{top:-8%;left:50%;animation:shoot 10s infinite linear 6.5s}.retro-landscape-layer{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:flex-end}.retro-landscape-layer .inset-gradient{position:absolute;top:0;height:16%;width:100%;background:linear-gradient(to top,transparent,var(--bg-color))}.retro-landscape-img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.portfolio-footer{height:1000px;display:flex;justify-content:center;align-items:center;padding-top:4rem;position:relative;z-index:1;background:transparent}.footer-content{text-align:center}.footer-content h2{font-size:3rem;margin-bottom:1rem;color:var(--text-color);text-shadow:0 0 10px rgba(0,0,0,.5)}.footer-email{font-size:1.5rem;color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .3s ease}.footer-email:hover{opacity:.8;text-shadow:0 0 10px var(--accent-color)}[data-theme=electric] .footer-content h2{text-shadow:2px 2px 0 var(--electric-purple)}[data-theme=electric] .footer-email{color:var(--electric-cyan);text-shadow:0 0 5px var(--electric-cyan)}