@import url(https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.menu{align-items:center;display:flex;justify-content:flex-end;opacity:1;pointer-events:auto;position:absolute;right:20px;top:20px;transition:opacity .3s ease-in-out;z-index:10}.menu ul{display:flex;list-style:none;margin:0;padding:0}.menu li{margin-left:10px}.menu li a{border-radius:5px;color:#fff;font-size:1.5rem;padding:10px 20px;position:relative;text-decoration:none;transition:opacity .3s ease-in-out}.menu li a:hover{opacity:.8}.menu li a:hover:after{background-color:#fff;border-radius:50%;bottom:-5px;content:"";height:8px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:8px}.menu-toggle{display:none}@media (max-width:768px){.menu{display:none}.menu-toggle{cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:space-between;position:fixed;right:20px;top:20px;width:40px;z-index:11}.menu-toggle span{background-color:#fff;display:block;height:2px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.menu-toggle.open span:first-child{-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}.menu.open{background-color:rgba(0,0,0,.9);display:flex;height:100%;left:0;position:fixed;top:0;width:100%}.menu.open,.menu.open ul{align-items:center;flex-direction:column;justify-content:center}.menu.open ul{margin-top:30px}.menu.open li{margin-bottom:20px;margin-left:0}}.hero{-webkit-font-smoothing:subpixel-antialiased;background:rgba(0,0,0,.85);border:1px solid rgba(0,255,0,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,255,0,.1);max-width:1200px;overflow:hidden;padding:3rem 4rem;position:relative;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);width:90%;will-change:transform,box-shadow;z-index:1}.hero:before{background:linear-gradient(to bottom right,rgba(0,255,0,.1),rgba(0,255,0,0) 30%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;-webkit-transform:rotate(30deg);transform:rotate(30deg);width:200%}.hero:hover{border-color:rgba(0,255,0,.4);box-shadow:0 15px 45px rgba(0,255,0,.2);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#0f8);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:.5rem;text-shadow:0 0 30px rgba(0,255,0,.3)}.greeting{-webkit-animation:fadeInUp .8s ease-out .5s forwards;animation:fadeInUp .8s ease-out .5s forwards;color:hsla(0,0%,100%,.9);font-size:clamp(1.1rem,2vw,1.4rem);letter-spacing:.5px;margin-bottom:.5rem;opacity:0;text-shadow:0 2px 4px rgba(0,0,0,.3);-webkit-transform:translateY(10px);transform:translateY(10px)}.hero-name{color:#0f8;display:inline-block;font-family:Dancing Script,cursive;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin:.5rem 0;overflow:hidden;position:relative;text-shadow:0 0 15px rgba(0,255,0,.5)}.hero-name-wrapper{display:block;margin:.5rem 0 2rem;position:relative;text-align:center;width:100%}.hero-name-wrapper:after{-webkit-animation:lineReveal 1.5s ease-in-out 2s forwards;animation:lineReveal 1.5s ease-in-out 2s forwards;background:linear-gradient(90deg,transparent,#0f8,transparent);bottom:-5px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;width:100%}.writing-animation{-webkit-animation:typing 4s steps(40) .5s infinite normal both,blink-caret .75s step-end infinite;animation:typing 4s steps(40) .5s infinite normal both,blink-caret .75s step-end infinite;border-right:2px solid #0f8;display:inline-block;overflow:hidden;white-space:nowrap}.cta-button{align-items:center;-webkit-animation:fadeInUp .8s ease-out 2.5s forwards;animation:fadeInUp .8s ease-out 2.5s forwards;background:#0f8;border:none;border-radius:50px;box-shadow:0 4px 20px rgba(0,255,136,.3);color:#000;cursor:pointer;display:inline-flex;display:block;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin:0 auto;opacity:0;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .4s cubic-bezier(.25,.8,.25,1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.cta-button:before{background:linear-gradient(45deg,#0f8,#0cf);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.cta-button:hover{box-shadow:0 8px 30px rgba(0,255,136,.5);color:#000;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.cta-button:hover:before{opacity:1}.cta-button:active{box-shadow:0 2px 15px rgba(0,255,136,.5);-webkit-transform:translateY(1px);transform:translateY(1px)}@-webkit-keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes lineReveal{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes lineReveal{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes typing{0%{width:0}40%{width:100%}70%{width:100%}95%{width:0}to{width:0}}@keyframes typing{0%{width:0}40%{width:100%}70%{width:100%}95%{width:0}to{width:0}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#0f8}to{border-color:transparent}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#0f8}to{border-color:transparent}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-name{font-size:1.5rem}.writing-animation{font-size:1.2rem}.cta-button{font-size:1rem}}.about-section{background-color:rgba(0,0,0,.8);border:2px solid #0f0;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4);color:#fff;margin-top:50px;opacity:0;padding:50px;-webkit-transform:translateY(50px);transform:translateY(50px);transition:opacity .6s ease-out,-webkit-transform .6s ease-out;transition:opacity .6s ease-out,transform .6s ease-out;transition:opacity .6s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out;will-change:transform,opacity}.about-section.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.about-title,.about-title-xp{font-size:3rem;margin-bottom:1rem;text-align:center}.about-title-xp{color:#fff}.code-snippet-container{align-items:center;display:flex;justify-content:center}.code-snippet{-webkit-animation:codeSnippetAnimation 2s infinite alternate;animation:codeSnippetAnimation 2s infinite alternate;background-color:rgba(0,255,0,.2);border:2px solid #0f0;border-radius:10px;color:#fff;display:inline-block;font-family:monospace;font-size:1.2rem;margin:10px;padding:20px;will-change:transform}@-webkit-keyframes codeSnippetAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes codeSnippetAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.tech-icon{align-items:center;color:#fff;display:inline-flex;font-size:1.2rem;margin-right:5px;opacity:.7;transition:opacity .3s ease-in-out;will-change:opacity}.tech-icon:hover{opacity:1}.tech-icon:before{background-color:rgba(0,0,0,.8);border-radius:5px;color:#fff;content:attr(title);font-size:.8rem;left:50%;opacity:0;padding:5px;position:absolute;top:-30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease-in-out;will-change:opacity}.tech-icon:hover:before{opacity:1}.about-content{align-items:flex-start;display:flex}.about-image{border-radius:10px;flex:0 0 200px;margin-right:2rem;overflow:hidden;position:relative}.about-image img{height:100%;object-fit:cover;width:100%}.about-image:hover:before{background-color:rgba(0,0,0,.8);border-radius:5px;bottom:100%;color:#fff;content:"Me.png :)";font-size:.8rem;left:50%;opacity:0;opacity:1;padding:5px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease-in-out;will-change:opacity}.about-text{flex:1 1}@media (max-width:768px){.about-content{flex-direction:column}.about-image{margin:0 auto;max-width:150px;width:150px}.about-text{align-self:stretch}}@media (max-width:576px){.about-image{max-width:120px;width:120px}}.timeline{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:40px auto;max-width:900px;padding:20px 0;-webkit-perspective:1000px;perspective:1000px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.timeline:before{background:linear-gradient(180deg,#00ec00,#0c6);border-radius:10px;bottom:20px;box-shadow:0 0 15px rgba(0,236,0,.2);content:"";left:50%;position:absolute;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px;z-index:1}.outer{width:100%}.card,.outer{position:relative}.card{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;contain:layout style paint;display:flex;margin:0;min-height:80px;opacity:0;padding:25px 0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);transition:opacity .5s ease-out,-webkit-transform .5s cubic-bezier(.16,1,.3,1);transition:opacity .5s ease-out,transform .5s cubic-bezier(.16,1,.3,1);transition:opacity .5s ease-out,transform .5s cubic-bezier(.16,1,.3,1),-webkit-transform .5s cubic-bezier(.16,1,.3,1);width:50%;will-change:transform,opacity}.card.show{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition-delay:calc(var(--index)*.1s)}.timeline-role{color:#fff;display:block;font-size:1.15rem;font-weight:600;letter-spacing:.3px;margin-bottom:6px}.timeline-company{color:#0c6;display:block;font-size:1rem;font-weight:500;margin-right:8px;margin-top:4px;opacity:.9}.timeline-date{background:rgba(0,236,0,.1);border:1px solid rgba(0,236,0,.2);border-radius:15px;color:#888;display:inline-block;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-top:6px;padding:3px 10px}.timeline-description{color:#bbb;font-size:.95rem;line-height:1.5;margin-top:10px;padding-left:2px}.card:nth-child(odd){left:0;padding-left:40px;padding-right:40px;text-align:right}.card:nth-child(2n){left:50%;padding-left:40px;padding-right:40px;text-align:left}.info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(51,51,51,.9);border:1px solid rgba(0,236,0,.1);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);margin:0 10px;padding:18px 25px;position:relative;transition:all .3s ease;width:calc(100% - 20px);will-change:transform;z-index:2}.info:hover{border-color:rgba(0,236,0,.3);box-shadow:0 8px 30px rgba(0,236,0,.25);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.title{color:#fff;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 10px;padding-left:30px;position:relative}.title:before{background:#00ec00;border:3px solid #1a1a1a;border-radius:50%;box-shadow:0 0 0 2px #00ec00;content:"";height:14px;left:-32px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;width:14px;will-change:transform;z-index:2}.card:hover .title:before{background:#00ec00;box-shadow:0 0 0 4px rgba(0,236,0,.3);-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}.card:nth-child(2n) .title{padding-left:0;padding-right:30px;text-align:right}.card:nth-child(2n) .title:before{left:auto;right:-32px}@media (max-width:768px){.timeline{margin:0 auto;padding:20px 10px}.timeline:before{bottom:20px;left:15px;top:20px;width:3px}.card{margin:5px 0!important;opacity:0;padding:15px 15px 15px 50px!important;-webkit-transform:translate3d(0,10px,0)!important;transform:translate3d(0,10px,0)!important;width:100%!important}.card.show{-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}.card,.card:nth-child(2n){left:0;text-align:left}.card:nth-child(2n) .title,.title{font-size:1.1rem;padding-left:25px!important;padding-right:0!important;text-align:left!important}.timeline-role{font-size:1rem}.timeline-company,.timeline-date{font-size:.9rem}.card:nth-child(2n) .title:before{left:-32px!important;right:auto!important}.info{margin:0;width:100%}}.work-section{background:radial-gradient(circle at top left,rgba(0,255,128,.18),transparent 55%),radial-gradient(circle at bottom right,rgba(0,255,255,.15),transparent 55%),rgba(0,0,0,.8);border:1px solid rgba(0,255,128,.35);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.7);color:#f8fff8;margin-top:60px;overflow:hidden;padding:60px 40px;position:relative}.work-section:before{-webkit-animation:none;animation:none;background:radial-gradient(circle at top left,rgba(0,255,128,.16),transparent 60%);content:"";inset:-10%;opacity:.1;pointer-events:none;position:absolute}.work-title{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#eaffff,#00ff9d);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,3.2vw,3.1rem);letter-spacing:.08em;margin-bottom:.5rem;text-shadow:0 0 32px rgba(0,255,128,.35);text-transform:uppercase}.work-grid{grid-gap:2.2rem;gap:2.2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2.4rem;position:relative;z-index:1}.work-card{background:radial-gradient(circle at top left,rgba(0,255,128,.14),rgba(0,0,0,.9));border:1px solid rgba(0,255,128,.35);border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.8);overflow:hidden;padding:1.8rem 1.6rem 1.6rem;position:relative;transition:box-shadow .25s ease-out,border-color .25s ease-out,background .25s ease-out,-webkit-transform .25s cubic-bezier(.18,.89,.32,1.28);transition:transform .25s cubic-bezier(.18,.89,.32,1.28),box-shadow .25s ease-out,border-color .25s ease-out,background .25s ease-out;transition:transform .25s cubic-bezier(.18,.89,.32,1.28),box-shadow .25s ease-out,border-color .25s ease-out,background .25s ease-out,-webkit-transform .25s cubic-bezier(.18,.89,.32,1.28);will-change:transform,box-shadow,border-color,background}.work-card:before{background:radial-gradient(circle at top,rgba(0,255,128,.3),transparent 55%);content:"";inset:-40%;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease-out}.work-card:hover{background:radial-gradient(circle at top left,rgba(0,255,128,.22),rgba(0,0,0,.95));border-color:rgba(0,255,192,.7);box-shadow:0 14px 32px rgba(0,0,0,.9);-webkit-transform:translateY(-6px) translateZ(0) scale(1.01);transform:translateY(-6px) translateZ(0) scale(1.01)}.work-card:hover:before{opacity:1}.work-card-title{color:#eaffff;font-size:1.4rem;margin-bottom:.75rem}.work-card-description{color:rgba(240,255,245,.87);font-size:.98rem;line-height:1.7;margin-bottom:1.2rem}.work-section .btn,.work-section .btn-two{transition:background-color .3s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.work-section .btn-two:hover,.work-section .btn:hover{box-shadow:0 6px 18px rgba(0,255,0,.4);-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.work-section{padding:32px 18px}.work-grid{display:flex;flex-direction:column;gap:20px}.work-card{margin:0;padding:15px;width:100%}.work-card-title{font-size:1.2rem;margin-bottom:10px}.work-card-description{font-size:.95rem;margin-bottom:15px}}@media (max-width:576px){.work-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.work-card{padding:.6rem}}.google-play-section{background-color:rgba(0,0,0,.8);border:2px solid #0f0;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4);color:#fff;margin-top:50px;opacity:0;padding:50px 0;-webkit-transform:translateY(50px);transform:translateY(50px);transition:opacity .6s ease-out,-webkit-transform .6s ease-out;transition:opacity .6s ease-out,transform .6s ease-out;transition:opacity .6s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out;will-change:transform,opacity}.google-play-section.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.section-title{font-size:3rem;margin-bottom:1rem;text-align:center}.section-desc{margin-bottom:2rem}.ctaa-button,.section-desc{font-size:1.5rem;text-align:center}.ctaa-button{background-color:#8a2be2;border-radius:30px;color:#fff;display:inline-block;display:block;margin:0 auto;padding:12px 24px;text-decoration:none;transition:background-color .3s ease;will-change:background-color}.ctaa-button:hover{background-color:#9400d3}.google-play-section .ctaa-button{-webkit-animation:buttonAnimation 2s infinite alternate;animation:buttonAnimation 2s infinite alternate}@-webkit-keyframes buttonAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes buttonAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.recent-articles{color:#fff;margin-top:50px;text-align:center}.recent-articles *{cursor:none!important}.article-carousel{margin:0 auto}.article-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;box-shadow:0 10px 22px rgba(0,0,0,.55);flex:1 1;height:400px;opacity:1;overflow:hidden;position:relative;text-decoration:none;transition:box-shadow .25s ease,opacity .25s ease,-webkit-transform .25s ease,-webkit-filter .25s ease;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease,filter .25s ease;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease,filter .25s ease,-webkit-transform .25s ease,-webkit-filter .25s ease;will-change:transform,box-shadow}.article-card:hover{box-shadow:0 18px 38px rgba(0,0,0,.8),0 0 32px rgba(0,255,128,.38);-webkit-filter:brightness(1.06) saturate(1.18);filter:brightness(1.06) saturate(1.18)}.article-card:before{background:radial-gradient(circle at top,rgba(0,255,128,.34),transparent 55%),linear-gradient(180deg,rgba(0,0,0,.2),transparent 65%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.article-card:hover:before{opacity:1}.article-card-content{background:rgba(0,0,0,.6);border-radius:10px;bottom:15px;color:#fff;left:15px;padding:10px;position:absolute;right:15px;text-align:left;z-index:2}.article-title{color:#0f0;font-size:1.8rem;margin-bottom:.5rem}.article-description{font-size:1rem;opacity:.8}.arrow{background:none;border:none;color:#0f0;font-size:2rem;transition:color .25s ease,text-shadow .25s ease}.arrow:hover{color:#6fc;text-shadow:0 0 12px rgba(0,255,128,.7)}@media (max-width:768px){.google-play-section{padding:30px 15px}.section-title{font-size:2.2rem}.article-card{height:300px}.article-title{font-size:1.5rem}.article-description{font-size:.9rem}.ctaa-button{font-size:.8rem}}@media (max-width:576px){.article-card{height:250px}.section-title{font-size:2rem}.article-title{font-size:1.2rem}.article-description{font-size:.8rem}.arrow{font-size:1.5rem}}.article-carousel-container{gap:20px}.article-carousel,.article-carousel-container{align-items:center;display:flex;justify-content:space-between}.article-carousel{flex:1 1;margin:0;max-width:600px;overflow:hidden;position:relative}.static-card{align-items:center;display:flex;flex:1 1;justify-content:center}.card-image{border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.5);height:auto;max-width:40%;transition:box-shadow .25s ease,-webkit-filter .25s ease,-webkit-transform .25s ease;transition:box-shadow .25s ease,filter .25s ease,transform .25s ease;transition:box-shadow .25s ease,filter .25s ease,transform .25s ease,-webkit-filter .25s ease,-webkit-transform .25s ease}.card-image:hover{box-shadow:0 18px 34px rgba(0,0,0,.85),0 0 26px rgba(0,255,128,.4);-webkit-filter:brightness(1.08) saturate(1.2);filter:brightness(1.08) saturate(1.2);-webkit-transform:scale(1.04);transform:scale(1.04)}@media (max-width:768px){.article-carousel-container{flex-direction:column}.article-card-content{position:static}.card-image,.static-card{max-width:80%}}.slide-in-right{-webkit-animation:slideInRight .3s forwards;animation:slideInRight .3s forwards}.slide-in-left{-webkit-animation:slideInLeft .3s forwards;animation:slideInLeft .3s forwards}.slide-out-left{-webkit-animation:slideOutLeft .3s forwards;animation:slideOutLeft .3s forwards;opacity:0}.slide-out-right{-webkit-animation:slideOutRight .3s forwards;animation:slideOutRight .3s forwards;opacity:0}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}*{box-sizing:border-box;cursor:none;margin:0;padding:0}body,html{max-width:100%;overflow-x:hidden}.glass-container{align-items:center;background:linear-gradient(135deg,#000,#001a00);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.glass-container:before{-webkit-animation:pulse 8s ease-in-out infinite alternate;animation:pulse 8s ease-in-out infinite alternate;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(circle,rgba(0,255,0,.1) 0,transparent 60%);content:"";height:150%;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);width:150%;will-change:transform,opacity;z-index:0}.glass-container:after{-webkit-animation:backgroundAnimation 20s linear infinite;animation:backgroundAnimation 20s linear infinite;background-image:url(https://bbsrwlwjaotuuufnxowi.supabase.co/storage/v1/object/public/sliki/matrix-g1d4112cae_1920.png);background-position:50%;background-size:cover;content:"";height:100%;left:0;mix-blend-mode:screen;opacity:.15;pointer-events:none;position:absolute;top:0;width:100%}@media (prefers-reduced-motion:reduce){.glass-container:after,.glass-container:before{-webkit-animation:none;animation:none}.cursor{display:none}*{cursor:auto!important}}@-webkit-keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes pencilWriting{0%{width:0}to{width:100%}}@keyframes pencilWriting{0%{width:0}to{width:100%}}.cursor{border:1px solid #0f0;border-radius:50%;height:12px;left:-6px;pointer-events:none;position:fixed;top:-6px;width:12px;will-change:transform;z-index:999}@media (max-width:768px){.cursor{display:none}*{cursor:auto!important}}.glass-container:hover .cursor{left:calc(var(--mouse-x)*1px);top:calc(var(--mouse-y)*1px);-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2)}.section-description{font-size:1.5rem;margin-bottom:2rem}.btn{background-color:lime;color:#000;display:inline-block;padding:12px 24px}.work-section{background-color:rgba(0,0,0,.8);border:2px solid #0f0;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4);color:#fff;margin-top:50px;opacity:0;padding:50px;-webkit-transform:translateY(50px);transform:translateY(50px);transition:opacity .6s ease-out,-webkit-transform .6s ease-out;transition:opacity .6s ease-out,transform .6s ease-out;transition:opacity .6s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out;will-change:transform,opacity}.work-section.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.work-title{font-size:3rem;margin-bottom:1rem;text-align:center}.work-card:hover{background-color:rgba(0,255,0,.4)}.work-card-title{font-size:1.5rem;margin-bottom:.5rem}.work-card-description{margin-bottom:1rem}.btn-icon{margin-right:.5rem}@-webkit-keyframes backgroundAnimation{0%{background-position:0 0}50%{background-position:0 100%}to{background-position:0 0}}@keyframes backgroundAnimation{0%{background-position:0 0}50%{background-position:0 100%}to{background-position:0 0}}.work-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.work-card{background-color:rgba(0,255,0,.2);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;transition:background-color .3s ease;will-change:background-color}.btn{background-color:#000;color:#0f0;min-width:120px;padding:8px 16px}.btn,.btn-two{align-items:center;border-radius:30px;display:inline-flex;font-size:14px;justify-content:center;text-decoration:none;transition:background-color .3s ease;will-change:background-color}.btn-two{background-color:#0f0;color:#000;margin-top:3%;padding:5px 12px}.contact-form.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.header-two{font-size:2rem;text-align:center}.form-group,.header-two{margin-bottom:1rem}label{display:block;font-size:1.2rem;margin-bottom:.5rem}input,textarea{background-color:hsla(0,0%,100%,.2);border:2px solid #0f0;border-radius:5px;color:#fff;font-size:1rem;padding:5px;width:40%}textarea{resize:vertical}.bct{display:flex;justify-content:center;position:static}.bct,.button{margin-top:1rem}.button:hover{background-color:#9400d3}.footer{background-color:rgba(0,0,0,.8);color:#fff;cursor:none!important;padding:20px 0;position:relative;text-align:center;will-change:transform}.footer p{margin:0}.container-two{margin:0 auto;max-width:1200px}.footer-icon{color:#fff;font-size:24px;margin:0 10px;text-decoration:none;transition:opacity .3s ease-in-out;will-change:opacity}.footer-icon:hover{opacity:.7}.footer:hover{cursor:default}.footer:hover p{opacity:.8}.footer:before{-webkit-animation:backgroundAnimation 15s linear infinite;animation:backgroundAnimation 15s linear infinite;background-image:url(https://bbsrwlwjaotuuufnxowi.supabase.co/storage/v1/object/public/sliki/matrix-g1d4112cae_1920.png);background-size:cover;content:"";height:100%;left:0;mix-blend-mode:overlay;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%;will-change:transform}@media (max-width:768px){.footer p{font-size:14px}}@media (max-width:576px){.work-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.work-card{padding:.6rem}.btn,.btn-two{font-size:10px;padding:5px 8px}.contact-form{padding:20px}.contact-form input,.contact-form textarea{font-size:1rem;padding:10px;width:90%}}.contact-form{align-items:center;background-color:rgba(0,0,0,.8);border:2px solid #0f0;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4);color:#fff;cursor:none;display:flex;flex-direction:column;margin:3rem auto 0;opacity:0;padding:70px;position:relative;text-align:center;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease;will-change:transform,opacity}.contact-form form{width:100%}.bct{margin-top:1.5rem}.button{background-color:#8a2be2;border:none;border-radius:30px;color:#fff;display:block;font-size:1rem;margin:0 auto;padding:8px 16px;transition:background-color .3s ease;width:120px;will-change:background-color}
/*# sourceMappingURL=main.a738027c.css.map*/