@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";*,:before,:after{box-sizing:border-box;image-rendering:pixelated;image-rendering:crisp-edges;margin:0;padding:0}:root{--purple:#7c3aed;--purple-light:#a78bfa;--purple-dim:#7c3aed59;--px-font:"Press Start 2P", monospace;--vt-font:"VT323", monospace;--border:3px solid #7c3aed;--border-dim:2px solid #7c3aed66;--cyan:#22d3ee;--gold:#fbbf24;--fuchsia:#d946ef}html,body,#root{width:100%;height:100%;font-family:var(--vt-font);color:#fff;background:#000;overflow:hidden}.fixed-bg{z-index:0;image-rendering:auto;filter:brightness(1.25)contrast(1.08)saturate(1.15);background:url(https://res.cloudinary.com/deukqrxtt/image/upload/q_auto,f_auto,e_improve,e_vibrance:25/v1778946982/WhatsApp_Image_2026-05-16_at_9.21.39_PM_pqpdjn_84a085.jpg) 50%/cover no-repeat;position:fixed;inset:0}.fixed-bg-overlay{z-index:1;background:#00000038;position:fixed;inset:0}.pixel-grid-overlay{z-index:3;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 4px),linear-gradient(#7c3aed0d 1px,#0000 1px),linear-gradient(90deg,#7c3aed0d 1px,#0000 1px);background-size:100% 4px,8px 8px,8px 8px;position:fixed;inset:0}.home-view{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.home-name{font-family:var(--px-font);letter-spacing:.05em;text-align:center;background:linear-gradient(90deg,#fff 0%,#a78bfa 22%,#22d3ee 45%,#d946ef 68%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(4px 4px #5b21b6)drop-shadow(0 0 28px #7c3aed8c);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,4vw,3.2rem);font-weight:400;line-height:1.5;animation:5s linear infinite shimmer-text}.home-name .line2{display:block}.home-name-bar{background:linear-gradient(90deg,#7c3aed,#22d3ee,#d946ef);width:64px;height:6px;margin:2rem auto 0;position:relative;overflow:hidden;box-shadow:4px 4px #5b21b6}.home-name-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:2.2s linear infinite bar-shine;position:absolute;inset:0}.blink{color:var(--purple-light);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer-text{0%{background-position:200%}to{background-position:0%}}@keyframes bar-shine{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes orb-drift{0%,to{transform:translate(0)}25%{transform:translate(24px,-30px)}50%{transform:translate(-18px,-18px)}75%{transform:translate(30px,22px)}}@keyframes card-shine{0%{left:-100%}to{left:160%}}.home-subtitle{font-family:var(--px-font);letter-spacing:.26em;text-transform:uppercase;color:#ffffff6b;min-height:1.2em;margin-top:1.4rem;font-size:.56rem}.page-overlay{z-index:20;position:fixed;inset:0;overflow:hidden auto}.page-overlay::-webkit-scrollbar{width:6px}.page-overlay::-webkit-scrollbar-track{background:#000}.page-overlay::-webkit-scrollbar-thumb{background:var(--purple)}.page-panel{max-width:1100px;min-height:100vh;margin:0 auto;padding:5rem 2.5rem 10rem}.bubble-nav{z-index:100;align-items:center;gap:1rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.bubble{color:#fffc;font-family:var(--px-font);letter-spacing:.04em;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#000000b3;border:2px solid #7c3aed99;border-radius:0;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.6rem;transition:all .15s steps(3,end);display:flex;box-shadow:3px 3px #5b21b6}.bubble:hover{border-color:var(--purple-light);color:#fff;background:#7c3aed4d;transform:translate(-2px,-2px);box-shadow:5px 5px #5b21b6}.bubble:active{transform:translate(2px,2px);box-shadow:1px 1px #5b21b6}.page-label{border:2px solid var(--purple);font-family:var(--px-font);letter-spacing:.08em;text-transform:uppercase;color:var(--purple-light);background:#00000080;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .8rem;font-size:.55rem;display:inline-flex;box-shadow:3px 3px #5b21b6}.page-title{font-family:var(--px-font);letter-spacing:.04em;color:#fff;text-shadow:3px 3px #5b21b6;margin-bottom:.8rem;font-size:clamp(1rem,2.5vw,1.8rem);font-weight:400;line-height:1.6}.page-title span{color:var(--purple-light)}.page-divider{background:var(--purple);width:48px;height:4px;margin-bottom:2.8rem;box-shadow:3px 3px #5b21b6}.g-card{-webkit-backdrop-filter:blur(8px);background:#000000a6;border:2px solid #7c3aed66;border-radius:0;transition:all .15s steps(2,end);position:relative;overflow:hidden;box-shadow:4px 4px #5b21b6b3}.g-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#a78bfa14,#0000);width:55%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-12deg)}.g-card:hover{border-color:var(--purple-light);background:#7c3aed1f;transform:translate(-3px,-3px);box-shadow:7px 7px #5b21b6cc}.g-card:hover:after{animation:.65s ease-out forwards card-shine}.skills-window-wrap{justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem 6rem;display:flex}.skills-window{-webkit-backdrop-filter:blur(14px);background:#04020e85;border:1px solid #ffffff21;border-radius:14px;flex-direction:column;width:100%;max-width:860px;height:min(82vh,640px);display:flex;overflow:hidden;box-shadow:0 8px 40px #00000080,0 0 0 1px #f472b61a}.skills-win-bar{font-family:var(--px-font);color:#ffffff73;letter-spacing:.1em;background:#ffffff0a;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:.3rem;padding:.55rem 1rem;font-size:.5rem;display:flex}.skills-win-body{scrollbar-width:thin;scrollbar-color:#7c3aed80 transparent;flex:1;padding:1.6rem 1.4rem 1.2rem;overflow-y:auto}.skills-win-body::-webkit-scrollbar{width:5px}.skills-win-body::-webkit-scrollbar-track{background:0 0}.skills-win-body::-webkit-scrollbar-thumb{background:#7c3aed80;border-radius:3px}.skills-big-title{font-family:var(--px-font);text-align:center;color:#f472b6;text-shadow:3px 3px #f472b64d,0 0 30px #f472b633;letter-spacing:.12em;margin-bottom:1.6rem;font-size:clamp(.9rem,2.2vw,1.5rem);line-height:1.5}.skills-card-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1.4rem;display:grid}@media (width<=680px){.skills-card-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=420px){.skills-card-grid{grid-template-columns:repeat(2,1fr)}}.skill-card-box{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#7c3aed4d;border:1px solid #a78bfa8c;border-radius:8px;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem .8rem 1.2rem;transition:all .18s;display:flex}.skill-card-name{font-family:var(--px-font);color:#ffffffe6;letter-spacing:.02em;font-size:.44rem;line-height:1.6}.skills-win-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:.9rem;display:flex}.skills-build-ver{font-family:var(--px-font);color:#ffffff38;letter-spacing:.1em;font-size:.36rem}.skill-popup-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skill-popup-card{text-align:center;background:#050012f0;border:2px solid;width:90vw;min-width:260px;max-width:340px;padding:2.5rem 3rem;position:relative}.popup-close{color:#ffffff59;cursor:pointer;font-size:.9rem;font-family:var(--px-font);background:0 0;border:none;padding:.2rem .4rem;transition:color .15s;position:absolute;top:.6rem;right:.8rem}.popup-close:hover{color:#fff}.popup-icon{image-rendering:auto;margin-bottom:.9rem;font-size:3rem}.popup-name{font-family:var(--px-font);text-shadow:2px 2px #0009;margin-bottom:1.2rem;font-size:.7rem;line-height:1.6}.popup-strip{width:56px;height:3px;margin:0 auto 1.2rem;box-shadow:2px 2px #00000080}.popup-level-label{font-family:var(--px-font);color:#ffffff4d;letter-spacing:.12em;margin-bottom:.6rem;font-size:.42rem}.popup-level-text{font-family:var(--px-font);text-shadow:3px 3px #0009;margin-bottom:.5rem;font-size:1rem}.popup-pct{font-family:var(--vt-font);color:#ffffff4d;font-size:1.4rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.4rem;display:grid}.project-card{padding:1.6rem;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--purple);opacity:0;height:4px;box-shadow:0 2px 0 var(--purple-light);transition:opacity .15s;position:absolute;top:0;left:0;right:0}.project-card:hover:before{opacity:1}.project-tag{font-family:var(--px-font);color:var(--purple-light);background:#7c3aed33;border:2px solid #7c3aed80;margin-bottom:.8rem;padding:.2rem .5rem;font-size:.45rem;display:inline-block;box-shadow:2px 2px #5b21b6}.project-title{font-family:var(--px-font);color:#fff;margin-bottom:.8rem;font-size:.65rem;font-weight:400;line-height:1.8}.project-desc{font-family:var(--vt-font);color:#ffffff8c;margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.tech-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;display:flex}.t-badge{font-family:var(--px-font);color:var(--purple-light);background:#7c3aed1a;border:1px solid #7c3aed66;padding:.15rem .45rem;font-size:.42rem}.proj-link{font-family:var(--px-font);color:#fff6;cursor:pointer;margin-right:1rem;font-size:.5rem;text-decoration:none;transition:color .15s}.proj-link:hover{color:var(--purple-light)}.about-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}@media (width<=700px){.about-grid{grid-template-columns:1fr}}.about-text{font-family:var(--vt-font);color:#ffffffa6;margin-bottom:1rem;font-size:1.15rem;line-height:1.7}.about-text strong{color:var(--purple-light);font-style:normal}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem;display:grid}@media (width<=600px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-box{text-align:center;padding:2rem 1rem}.stat-num{font-family:var(--px-font);color:var(--purple-light);text-shadow:3px 3px #5b21b6;margin-bottom:.6rem;font-size:1.8rem;line-height:1}.stat-lbl{font-family:var(--px-font);color:#fff6;letter-spacing:.06em;text-transform:uppercase;font-size:.42rem;line-height:1.8}.timeline{padding-left:1.8rem;position:relative}.timeline:before{content:"";background:var(--purple);width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 #5b21b6}.t-item{padding:0 0 2.5rem 2rem;position:relative}.t-item:before{content:"▶";color:var(--purple-light);font-size:.7rem;position:absolute;top:4px;left:-10px}.t-year{font-family:var(--px-font);color:var(--purple-light);letter-spacing:.08em;margin-bottom:.4rem;font-size:.48rem}.t-title{font-family:var(--px-font);color:#fff;margin-bottom:.3rem;font-size:.62rem;line-height:1.8}.t-company{font-family:var(--vt-font);color:var(--purple-light);opacity:.85;margin-bottom:.6rem;font-size:1.1rem}.t-desc{font-family:var(--vt-font);color:#ffffff80;font-size:1.05rem;line-height:1.6}.contact-layout{grid-template-columns:1fr 1.3fr;align-items:start;gap:3rem;display:grid}@media (width<=768px){.contact-layout{grid-template-columns:1fr}}.contact-boy-wrap{width:100%;height:250px;margin-bottom:1rem}.contact-info-text{font-family:var(--vt-font);color:#ffffff8c;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.c-detail{color:#ffffffb3;font-family:var(--vt-font);align-items:center;gap:.8rem;margin-bottom:.8rem;font-size:1rem;display:flex}.c-icon{background:#7c3aed26;border:2px solid #7c3aed73;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex;box-shadow:2px 2px #5b21b6}.color-form{border:2px solid var(--purple);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050014d1;padding:2rem;position:relative;box-shadow:5px 5px #5b21b6,inset 0 0 40px #7c3aed0f}.color-form:before{content:"";background:repeating-linear-gradient(90deg,#7c3aed 0 8px,#0000 8px 16px);height:4px;position:absolute;top:0;left:0;right:0}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=500px){.form-row{grid-template-columns:1fr}}.f-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.f-group label{font-family:var(--px-font);color:var(--purple-light);letter-spacing:.08em;text-transform:uppercase;font-size:.5rem}.f-group input,.f-group textarea{color:#fff;font-size:1rem;font-family:var(--vt-font);background:#0009;border:2px solid #7c3aed66;border-radius:0;outline:none;padding:.75rem .9rem;transition:border-color .15s steps(2,end)}.f-group input::placeholder,.f-group textarea::placeholder{color:#fff3;font-family:var(--vt-font)}.f-group input:focus,.f-group textarea:focus{border-color:var(--purple-light);background:#7c3aed0f;box-shadow:3px 3px #5b21b6}.f-group textarea{resize:vertical;min-height:120px}.btn-send{background:var(--purple);border:2px solid var(--purple-light);color:#fff;width:100%;font-family:var(--px-font);cursor:pointer;letter-spacing:.05em;border-radius:0;padding:.9rem;font-size:.65rem;transition:all .15s steps(2,end);box-shadow:4px 4px #5b21b6}.btn-send:hover{background:#6d28d9;transform:translate(-2px,-2px);box-shadow:6px 6px #5b21b6}.btn-send:active{transform:translate(2px,2px);box-shadow:2px 2px #5b21b6}.orb{pointer-events:none;border-radius:50%;animation:ease-in-out infinite orb-drift;position:fixed}.orb-1{filter:blur(65px);z-index:2;background:radial-gradient(circle,#7c3aed2e 0%,#0000 70%);width:620px;height:620px;animation-duration:22s;top:-160px;right:-130px}.orb-2{filter:blur(65px);z-index:2;background:radial-gradient(circle,#06b6d421 0%,#0000 70%);width:520px;height:520px;animation-duration:28s;animation-delay:-12s;bottom:-130px;left:-90px}.orb-3{filter:blur(55px);z-index:2;background:radial-gradient(circle,#d946ef17 0%,#0000 70%);width:320px;height:320px;animation-duration:19s;animation-delay:-7s;top:35%;left:44%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--purple)}.bubble-nav{flex-wrap:wrap;justify-content:center;max-width:96vw;padding:0 .5rem}@media (width<=1024px){.page-panel{padding:4rem 2rem 9rem}}@media (width<=768px){.bubble{padding:.45rem .7rem;font-size:.44rem}.bubble-nav{gap:.5rem;bottom:1rem}.page-panel{padding:3.5rem 1.2rem 8rem}.page-title{font-size:clamp(.8rem,3.5vw,1.4rem)}.home-name{font-size:clamp(1rem,6vw,2rem)}.home-subtitle{letter-spacing:.14em;font-size:.44rem}.about-grid{grid-template-columns:1fr!important}.stats-row{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}.projects-grid{grid-template-columns:1fr!important}.contact-layout,.form-row{grid-template-columns:1fr}.color-form{padding:1.4rem}}@media (width<=480px){.bubble{padding:.4rem .55rem;font-size:.4rem}.bubble-nav{gap:.35rem}.page-panel{padding:3rem .9rem 7rem}.stats-row{grid-template-columns:repeat(2,1fr)!important}.g-card{padding:1rem}.project-title{font-size:.7rem}.project-desc{font-size:.9rem}}@media (width<=380px){.bubble{padding:.35rem .45rem;font-size:.36rem}.page-panel{padding:2.5rem .7rem 6.5rem}}