@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Inter:wght@400;500;700&display=swap";:root{--font-pixel: "Press Start 2P", cursive;--font-retro: "VT323", monospace;--font-clean: "Inter", sans-serif;--transition-fast: all .2s ease;--transition-smooth: all .4s cubic-bezier(.25, 1, .5, 1);--border-radius-sm: 0px;--container-max-width: 1000px}:root,.light{--bg-color: #fdfafc;--bg-secondary: #f3eaf3;--text-main: #2b112b;--text-muted: #6e466e;--accent-purple: #7b2cbf;--accent-lilac: #c77dff;--accent-pink: #ff70a6;--border-color: #2b112b;--shadow-color: rgba(43, 17, 43, 1);--bento-bg: #ffffff}.dark{--bg-color: #120812;--bg-secondary: #241124;--text-main: #f5dff5;--text-muted: #c49bc4;--accent-purple: #c77dff;--accent-lilac: #e0aaff;--accent-pink: #ff99c2;--border-color: #e0aaff;--shadow-color: rgba(224, 170, 255, 1);--bento-bg: #1c0d1c}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}html{font-family:var(--font-retro);color:var(--text-main);background-color:var(--bg-color);scroll-behavior:smooth;cursor:none}body{transition:background-color .3s ease,color .3s ease;min-height:100vh;line-height:1.6}#root{overflow-x:hidden;width:100%}a{color:var(--accent-purple);text-decoration:none;font-weight:700;transition:var(--transition-fast);position:relative}a:hover{color:var(--accent-pink)}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);font-weight:400;color:var(--text-main);line-height:1.4;margin-bottom:1rem}p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-main);font-family:var(--font-retro)}button{font-family:var(--font-pixel);font-size:.8rem;background:var(--bg-secondary);color:var(--text-main);border:2px solid var(--border-color);padding:.8rem 1.2rem;cursor:pointer;transition:var(--transition-fast);box-shadow:4px 4px 0 var(--border-color);text-transform:uppercase}button:hover{background:var(--accent-lilac);color:#fff;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-color)}button:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--border-color)}::selection{background-color:var(--accent-pink);color:var(--bg-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border:2px solid var(--border-color)}.app{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column}main{flex:1}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 2rem}section{padding:3rem 0;position:relative}.retro-container{background:var(--bento-bg);border:3px solid var(--border-color);box-shadow:8px 8px 0 var(--shadow-color);padding:2rem;margin-bottom:2rem;transition:var(--transition-fast)}.retro-container:hover{box-shadow:6px 6px 0 var(--focus-color, var(--accent-purple));transform:translate(2px,2px)}.section-title{font-size:1.5rem;margin-bottom:3rem;text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%);background:var(--bg-color);padding:0 1rem;z-index:2;color:var(--accent-purple);text-shadow:2px 2px 0px rgba(0,0,0,.1)}.section-title:after{content:"";position:absolute;top:auto;bottom:-10px;left:-50vw;width:150vw;height:4px;background:var(--border-color);z-index:-1}.footer{padding:2rem 0;background-color:var(--bg-secondary);border-top:3px solid var(--border-color);text-align:center;margin-top:auto}.footer p{font-family:var(--font-retro);font-size:1.2rem;margin-bottom:.5rem}.footer-crt-text{font-family:var(--font-pixel);font-size:.6rem;color:var(--accent-pink);animation:blink 1s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.section-title{font-size:1.2rem}.retro-container{padding:1.5rem;box-shadow:4px 4px 0 var(--shadow-color)}}@media (max-width: 480px){.container{padding:0 1rem}section{padding:3rem 0}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:padding .3s ease,background-color .3s ease,border-bottom .3s ease;background-color:transparent}.header-container{display:flex;justify-content:space-between;align-items:center;position:relative}.header.scrolled{padding:.8rem 0;background-color:var(--bento-bg);border-bottom:3px solid var(--border-color);box-shadow:0 4px 0 var(--shadow-color)}.logo{position:relative;z-index:2}.logo-text{font-family:var(--font-pixel);font-size:1.2rem;color:var(--accent-purple);animation:blinkCursor 2s infinite step-end}@keyframes blinkCursor{0%,to{color:var(--accent-purple)}50%{color:var(--border-color)}}.header-controls{display:flex;align-items:center;gap:1rem;z-index:100;position:relative}.control-btn{font-size:.7rem;padding:.5rem;background:var(--bg-color);color:var(--text-main);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);transition:var(--transition-fast);cursor:pointer}.control-btn:hover{background:var(--accent-lilac);color:#fff;transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow-color)}.control-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shadow-color)}.nav{position:absolute;left:50%;transform:translate(-50%)}.nav-list{display:flex;list-style:none;gap:2rem}.nav-link{font-family:var(--font-pixel);font-size:.7rem;color:var(--text-main);text-transform:uppercase;position:relative;padding:.5rem;white-space:nowrap}.nav-link:before{content:">";position:absolute;left:-10px;opacity:0;color:var(--accent-pink);transition:opacity .2s}.nav-link:hover:before{opacity:1}.nav-link:hover{color:var(--accent-purple)}.menu-btn{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:2}.menu-btn-line{width:100%;height:3px;background-color:var(--border-color);transition:all .3s ease}@media (max-width: 900px){.nav{position:fixed;top:0;right:-100vw;width:75vw;height:100vh;padding:2rem 0;background-color:var(--bento-bg);border-left:3px solid var(--border-color);box-shadow:-4px 0 0 var(--shadow-color);transition:right .4s ease;display:flex;left:auto;transform:none;flex-direction:column;align-items:center;justify-content:center;z-index:99}.nav.open{right:0}.nav-list{flex-direction:column;align-items:center;gap:2rem}.nav-link{font-size:1rem}.menu-btn{display:flex}.menu-btn.open .menu-btn-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-btn.open .menu-btn-line:nth-child(2){opacity:0}.menu-btn.open .menu-btn-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}@media (max-width: 480px){.nav{width:80%}.header-controls{gap:.5rem}.control-btn{font-size:.6rem;padding:.3rem .5rem}.logo-text{font-size:1rem}}.hero{min-height:100vh;width:100%;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-container{display:flex;justify-content:space-around;align-items:center;position:relative;z-index:2;width:100%;gap:4rem}.hero-content{max-width:600px}.hero-title{display:flex;flex-direction:column;margin-bottom:2rem}.hero-title-line{display:block;font-size:2.5rem;line-height:1.2;color:var(--accent-purple);text-shadow:3px 3px 0 var(--border-color)}.hero-subtitle{display:flex;flex-direction:column;margin-bottom:1rem;gap:.5rem}.hero-subtitle-text{font-family:var(--font-retro);font-size:1.5rem;color:var(--text-main)}.hero-cta{display:flex;justify-content:center;align-items:center;width:100%}.btn.hero-btn{display:inline-block;text-align:center}.btn.cv-btn{background-color:var(--accent-pink);color:#fff;border:4px solid var(--border-color);box-shadow:inset -3px -3px #0003,inset 3px 3px #ffffff80,4px 4px 0 var(--shadow-color);padding:.8rem 1.2rem;font-family:var(--font-pixel);font-size:.8rem;margin-top:0;text-transform:uppercase;transition:all .1s;animation:pulse-cv 2.5s infinite}.btn.cv-btn:hover{background-color:var(--accent-purple);box-shadow:inset -3px -3px #0003,inset 3px 3px #ffffff80,6px 6px 0 var(--shadow-color);transform:translate(-2px,-2px);color:#fff}.btn.cv-btn:active{transform:translate(4px,4px);box-shadow:inset -2px -2px #0003,inset 2px 2px #ffffff80,0 0 0 var(--shadow-color)}@keyframes pulse-cv{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-decoration{position:relative;width:250px;flex:1;display:flex;justify-content:center;align-items:center}.hero-ascii-art{font-family:monospace;font-size:1rem;line-height:1.2;color:var(--accent-pink);text-shadow:2px 2px 0 var(--border-color);animation:float 4s ease-in-out infinite;white-space:pre}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:2;gap:10px}.scroll-arrow{width:20px;height:20px;border-right:4px solid var(--accent-purple);border-bottom:4px solid var(--accent-purple);transform:rotate(45deg);animation:bounceDown 2s infinite}.scroll-text{font-family:var(--font-pixel);font-size:.6rem;color:var(--text-main);animation:blink 2s infinite}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-10px) rotate(45deg)}60%{transform:translateY(-5px) rotate(45deg)}}@media (max-width: 900px){.hero-container{flex-direction:column;text-align:center;gap:3rem}.hero-cta{justify-content:center}.hero-subtitle-text{align-self:center}.hero-title-line{font-size:2rem}}@media (max-width: 480px){.hero-title-line{font-size:1.5rem;text-shadow:2px 2px 0 var(--border-color)}.hero-decoration{width:100%;margin-top:1rem;overflow:hidden}.hero-ascii-art{font-size:.65rem;line-height:1.2;transform:scale(.9)}}.about{width:100%}.about-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem}.bento-card{--focus-color: var(--accent-pink);margin-bottom:0;display:flex;flex-direction:column}.bento-intro{grid-column:span 2;justify-content:center}.bento-image{grid-column:span 1;grid-row:span 2;padding:1rem}.bento-details{grid-column:span 2}.bento-hobbies{grid-column:span 1}.bento-soft{grid-column:span 2}.highlight{color:var(--accent-purple);font-weight:700;position:relative;display:inline-block;padding:0 4px}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--accent-pink);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--transition-smooth);z-index:-1}.bento-card:hover .highlight:after{transform:scaleX(1);transform-origin:left}.about-image-header{font-family:var(--font-pixel);font-size:.7rem;background-color:var(--border-color);color:var(--bg-color);padding:.5rem;text-align:center;margin-bottom:1rem}.about-image-placeholder{width:100%;flex:1;position:relative;overflow:hidden;border:2px solid var(--border-color);background:var(--bg-color)}.about-profile-image{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:sepia(.3) saturate(1.2) hue-rotate(-20deg)}.bento-image:hover .about-profile-image{transform:scale(1.05);filter:none}.about-more{position:relative;height:100%;display:flex;align-items:center;padding-top:1rem}.about-more:before{content:"MSG:";position:absolute;top:-10px;left:0;background-color:var(--accent-lilac);color:#fff;padding:2px 8px;font-family:var(--font-pixel);font-size:.6rem;border:2px solid var(--border-color)}@media (max-width: 900px){.about-bento{grid-template-columns:1fr 1fr}.bento-intro,.bento-details,.bento-soft{grid-column:span 2}.bento-image{grid-column:span 2;grid-row:span 1;min-height:400px}.bento-hobbies{grid-column:span 2}}@media (max-width: 768px){.about-bento{grid-template-columns:1fr}.bento-intro,.bento-image,.bento-details,.bento-hobbies,.bento-soft{grid-column:span 1}.bento-image{min-height:350px}}.skills{width:100%}.skills-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}.skill-category{display:flex;flex-direction:column}.skills-category-title{font-family:var(--font-pixel);font-size:.8rem;color:var(--accent-purple);margin-bottom:2rem;position:relative;display:inline-block;align-self:flex-start}.skills-category-title:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--accent-pink);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--transition-smooth)}.skill-category:hover .skills-category-title:after{transform:scaleX(1)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:default;transition:transform .3s var(--transition-fast)}.skill-item:hover{transform:translateY(-5px)}.skill-icon{width:45px;height:45px;background-color:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-main);box-shadow:2px 2px 0 var(--border-color);transition:all .3s var(--transition-fast)}.skill-item:hover .skill-icon{background-color:var(--accent-purple);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border-color)}.skill-icon svg{width:24px;height:24px}.skill-name{font-size:.9rem;color:var(--text-main);font-weight:500;text-align:center}.skill-item:hover .skill-name{color:var(--accent-pink)}@media (max-width: 992px){.skills-bento{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width: 480px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.portfolio{width:100%}.portfolio-note{font-family:var(--font-pixel);text-align:center;font-size:.7rem;margin-bottom:3rem;color:var(--accent-purple);animation:blink 2s infinite alternate}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.project-card{--focus-color: var(--accent-pink);position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column}.project-header{background-color:var(--border-color);color:var(--bg-color);font-family:var(--font-pixel);font-size:.6rem;padding:.4rem .8rem}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-title{font-family:var(--font-pixel);font-size:1rem;color:var(--accent-purple);margin-bottom:1rem;line-height:1.4}.project-description{font-size:.95rem;color:var(--text-muted);margin-bottom:2rem;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background-color:var(--bg-secondary);color:var(--accent-purple);padding:.2rem .5rem;font-size:.7rem;font-family:var(--font-retro);border:1px solid var(--border-color);border-radius:0;text-transform:uppercase}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#7b2cbfe6;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s var(--transition-fast);text-decoration:none}.project-card:hover .project-overlay{opacity:1}.project-link-text{font-family:var(--font-pixel);font-size:.8rem;color:var(--bg-color);background-color:var(--text-main);border:2px solid var(--bg-color);padding:.5rem 1rem;transform:translateY(20px);transition:transform .3s var(--transition-smooth)}.project-card:hover .project-link-text{transform:translateY(0)}.project-link-text:hover{background-color:#fff;color:var(--accent-purple)}.portfolio-cta{display:flex;justify-content:center;gap:1.5rem;margin-top:4rem}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}@media (max-width: 480px){.project-content{padding:1rem}}.contact{width:100%}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.contact-info{display:flex;flex-direction:column;gap:2rem;justify-content:center}.contact-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-bottom:2px dashed var(--border-color)}.contact-item:last-child{border-bottom:none}.contact-item-icon{font-size:1.5rem;background-color:var(--accent-lilac);width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--border-color);transition:all .3s var(--transition-fast)}.contact-item:hover .contact-item-icon{background-color:var(--accent-pink);transform:scale(1.1) rotate(5deg)}.contact-item-content{flex:1}.contact-item-title{font-family:var(--font-pixel);font-size:.8rem;color:var(--accent-purple);margin-bottom:.5rem}.contact-item-value{font-size:1.1rem;color:var(--text-main)}.contact-social-links{display:flex;gap:1.5rem}.contact-social-link{color:var(--accent-pink);font-weight:700;text-decoration:none;transition:all .3s var(--transition-bounce)}.contact-social-link:hover{color:var(--accent-purple);text-shadow:2px 2px 0px rgba(0,0,0,.1)}.contact-form-container{padding:0!important;width:100%;height:100%;min-height:400px;display:flex}.ascii-art-container{width:100%;height:100%;background-color:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.ascii-art-header{background-color:var(--border-color);color:var(--bg-color);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.form-title{font-family:var(--font-pixel);font-size:.7rem}.form-controls{display:flex;gap:.5rem}.form-control{cursor:pointer}.ascii-art-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}.ascii-art{font-family:monospace;font-size:.45rem;line-height:.55rem;white-space:pre;color:var(--accent-purple);max-width:100%;text-align:center;transition:color .5s ease}.ascii-art-container:hover .ascii-art{color:var(--accent-pink)}@media (max-width: 992px){.contact-container{grid-template-columns:1fr}}@media (max-width: 768px){.ascii-art{font-size:.35rem;line-height:.45rem}}@media (max-width: 480px){.ascii-art{font-size:.25rem;line-height:.35rem}.contact-item{flex-direction:column;align-items:center;text-align:center}}.crt-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0) 50%,rgba(0,0,0,.05) 50%);background-size:100% 4px;z-index:1001;opacity:.8;pointer-events:none}.crt-flicker{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.02);opacity:0;z-index:1002;pointer-events:none;animation:flicker .15s infinite alternate}.crt-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 60%,rgba(43,17,43,.2) 150%);z-index:1003;pointer-events:none}@keyframes flicker{0%,90%{opacity:0}to{opacity:.05}}@media (max-width: 768px){.crt-scanlines{background-size:100% 3px}}.custom-cursor{position:fixed;pointer-events:none;z-index:9999}.cursor-dot{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:12px;height:12px;background-color:var(--accent-pink);box-shadow:2px 2px 0 var(--border-color)}.cursor-ring{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:30px;height:30px;border:4px solid var(--accent-purple);box-shadow:2px 2px 0 var(--border-color);transition:width .1s ease-out,height .1s ease-out;border-radius:0}@media (max-width: 768px){.custom-cursor{display:none}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{width:80%;max-width:500px}.loading-title{font-family:var(--font-pixel);font-size:2.5rem;color:var(--accent-purple);text-align:center;margin-bottom:2rem;animation:blink 2s infinite alternate}.loading-bar-container{width:100%;height:30px;background-color:var(--bg-secondary);border:4px solid var(--border-color);box-shadow:6px 6px 0 var(--shadow-color);padding:0;margin-bottom:1.5rem;overflow:hidden;display:flex}.loading-bar{height:100%;background-color:var(--accent-pink);transition:width .1s ease;border-right:4px solid var(--border-color)}.loading-text{display:flex;justify-content:space-between;font-family:var(--font-pixel);font-size:.8rem;color:var(--accent-purple);margin-bottom:2rem}.loading-percentage{color:var(--accent-pink)}.loading-message{font-family:var(--font-pixel);font-size:.8rem;color:var(--text-main);text-align:center;position:relative}.loading-message:after{content:"_";animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width: 768px){.loading-title{font-size:1.8rem}.loading-text,.loading-message{font-size:.6rem}}