.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}
.index-module-scss-module__YAIaEG__skelContainer{background-color:#333;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.index-module-scss-module__YAIaEG__skelShimmer{background:linear-gradient(90deg,#333 0%,#ffffff0d 20%,#333 40%);width:100%;height:100%;animation:1.5s infinite index-module-scss-module__YAIaEG__skelShimmerAnim;position:absolute;top:0;left:0}@keyframes index-module-scss-module__YAIaEG__skelShimmerAnim{0%{transform:translate(-100%)}to{transform:translate(100%)}}
.index-module-scss-module__ErQK_a__mainContainer{z-index:1;color:#fff;-webkit-user-select:none;user-select:none;background-color:#0000;min-height:100vh;position:relative;overflow-x:hidden}.index-module-scss-module__ErQK_a__heroSection{justify-content:center;align-items:center;min-height:100vh;padding:60px 20px 0;display:flex;position:relative}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroContainer{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;display:grid}@media (max-width:900px){.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroContainer{text-align:center;grid-template-columns:1fr;gap:40px;margin-top:40px}}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroText{z-index:2}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroText h1{margin-bottom:24px;font-size:48px;line-height:1.2}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroText h1 .index-module-scss-module__ErQK_a__greeting{color:#fd9612;letter-spacing:2px;margin-bottom:10px;font-size:22px;font-weight:400;display:block}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroText h1 .index-module-scss-module__ErQK_a__highlight{background:linear-gradient(#fd9612 30%,#fffffffa 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;margin-left:8px}@media (max-width:900px){.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroText h1{font-size:32px}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroText h1 .index-module-scss-module__ErQK_a__greeting{font-size:24px}}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroText p{color:#fff9;max-width:500px;margin-bottom:40px;font-size:18px;line-height:1.6}@media (max-width:900px){.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroText p{margin-left:auto;margin-right:auto;font-size:16px}}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__ctaButton{color:#fd9612;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #fd9612;border-radius:8px;justify-content:center;align-items:center;padding:14px 40px;font-size:16px;font-weight:600;text-decoration:none;transition:color .4s;display:inline-flex;position:relative;overflow:hidden}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__ctaButton:before{content:"";z-index:-1;background-color:#fd9612;width:100%;height:0%;transition:height .4s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0}@media (hover:hover) and (pointer:fine){.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__ctaButton:hover{color:#000}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__ctaButton:hover:before{height:100%}}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__ctaButton:active{color:#000;-webkit-user-select:none;user-select:none}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__ctaButton:active:before{height:100%}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual{perspective:1000px;justify-content:center;display:flex;position:relative}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual:before{content:"";filter:blur(120px);opacity:.2;z-index:0;background:#fd9612;border-radius:50%;width:80%;height:80%;animation:4s ease-in-out infinite index-module-scss-module__ErQK_a__pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:480px;padding:20px;animation:6s ease-in-out infinite index-module-scss-module__ErQK_a__float;position:relative;transform:rotateY(-5deg)rotateX(5deg);box-shadow:0 20px 50px #00000080}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__cardHeader{border-bottom:1px solid #ffffff1a;gap:8px;margin-bottom:20px;padding-bottom:15px;display:flex}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__cardHeader span{border-radius:50%;width:12px;height:12px}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__cardHeader span:first-child{background:#ff5f56}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__cardHeader span:nth-child(2){background:#ffbd2e}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__cardHeader span:nth-child(3){background:#27c93f}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__codeContent{color:#a9b7c6;font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.6}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__codeContent .index-module-scss-module__ErQK_a__line{margin-bottom:4px;display:block}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__codeContent .index-module-scss-module__ErQK_a__keyword{color:#cc7832;font-weight:700}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__codeContent .index-module-scss-module__ErQK_a__func{color:#ffc66d}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__codeContent .index-module-scss-module__ErQK_a__string{color:#6a8759}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__codeContent .index-module-scss-module__ErQK_a__tag{color:#fd9612}.index-module-scss-module__ErQK_a__heroSection .index-module-scss-module__ErQK_a__heroVisual .index-module-scss-module__ErQK_a__codeCard .index-module-scss-module__ErQK_a__codeContent .index-module-scss-module__ErQK_a__bracket{color:#fff}@keyframes index-module-scss-module__ErQK_a__float{0%,to{transform:translateY(0)rotateY(-5deg)rotateX(5deg)}50%{transform:translateY(-20px)rotateY(-5deg)rotateX(5deg)}}@keyframes index-module-scss-module__ErQK_a__pulse{0%,to{opacity:.15;transform:translate(-50%,-50%)scale(1)}50%{opacity:.25;transform:translate(-50%,-50%)scale(1.1)}}.index-module-scss-module__ErQK_a__section{max-width:1200px;margin:0 auto;padding:100px 20px}.index-module-scss-module__ErQK_a__section .index-module-scss-module__ErQK_a__sectionTitle{margin-bottom:60px;padding-left:20px;font-size:26px;position:relative}.index-module-scss-module__ErQK_a__section .index-module-scss-module__ErQK_a__sectionTitle:before{content:"";background:#fd9612;width:4px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (max-width:768px){.index-module-scss-module__ErQK_a__section .index-module-scss-module__ErQK_a__sectionTitle{font-size:22px}}.index-module-scss-module__ErQK_a__section .index-module-scss-module__ErQK_a__emptyTip{text-align:center;color:#ffffff4d;justify-content:center;align-items:center;gap:15px;padding:30px;font-size:14px;display:flex}.index-module-scss-module__ErQK_a__section .index-module-scss-module__ErQK_a__emptyTip:before,.index-module-scss-module__ErQK_a__section .index-module-scss-module__ErQK_a__emptyTip:after{content:"";background:#ffffff1a;width:30px;height:1px}.index-module-scss-module__ErQK_a__myMasonryGrid{width:auto;margin-left:-24px;display:flex}.index-module-scss-module__ErQK_a__myMasonryGridColumn{background-clip:padding-box;padding-left:24px}.index-module-scss-module__ErQK_a__skillCard{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;margin-bottom:24px;padding:32px 24px;position:relative;overflow:hidden}.index-module-scss-module__ErQK_a__skillCard h3{color:#fff;z-index:1;margin-bottom:12px;font-size:18px;position:relative}.index-module-scss-module__ErQK_a__skillCard p{color:#fff9;z-index:1;font-size:14px;line-height:1.6;position:relative}@media (hover:hover) and (pointer:fine){.index-module-scss-module__ErQK_a__skillCard:hover{border-color:#fd96124d;box-shadow:0 10px 30px -10px #00000080}.index-module-scss-module__ErQK_a__skillCard:hover h3{color:#fd9612}}@media (max-width:768px){.index-module-scss-module__ErQK_a__skillCard:active{border-color:#fd96124d;box-shadow:0 10px 30px -10px #00000080}.index-module-scss-module__ErQK_a__skillCard:active h3{color:#fd9612}}.index-module-scss-module__ErQK_a__projectCard{align-items:stretch;gap:50px;margin-bottom:80px;display:flex}.index-module-scss-module__ErQK_a__projectCard:nth-child(2n){flex-direction:row-reverse}@media (max-width:768px){.index-module-scss-module__ErQK_a__projectCard{gap:20px;margin-bottom:60px;flex-direction:column!important}}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectImage{aspect-ratio:16/9;background:#1a1a1a;border:1px solid #ffffff14;border-radius:12px;flex:0 0 48%;max-width:480px;position:relative;overflow:hidden}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectImage:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff08,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}@media (hover:hover) and (pointer:fine){.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectImage:hover:before{left:100%}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectImage:hover img{transform:scale(1.03)}}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectImage img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}@media (max-width:768px){.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectImage{flex:100%;max-width:100%}}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo h3{color:#fff;margin-bottom:15px;font-size:24px;line-height:1}@media (max-width:768px){.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo h3{font-size:20px}}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo .index-module-scss-module__ErQK_a__tags{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo .index-module-scss-module__ErQK_a__tags span{color:#fd9612;background:#fd961226;border-radius:4px;padding:4px 10px;font-size:12px}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo p{color:#fff9;margin-bottom:25px;line-height:1.6}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo .index-module-scss-module__ErQK_a__projectLink{color:#fff;cursor:pointer;font-size:inherit;background:0 0;border:none;border-bottom:1px solid #fd9612;width:fit-content;padding-bottom:2px;text-decoration:none;transition:color .3s}@media (hover:hover) and (pointer:fine){.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo .index-module-scss-module__ErQK_a__projectLink:hover{color:#fd9612}}.index-module-scss-module__ErQK_a__projectCard .index-module-scss-module__ErQK_a__projectInfo .index-module-scss-module__ErQK_a__projectLink:active{color:#fd9612}
