*,:after,:before{box-sizing:border-box;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;outline:none;padding:0}:root{--accent:#09f;--bg:#f3f4f6}body{background-color:#fff;display:flex;flex-direction:column;font-size:clamp(1.4rem,1.6vw,1.8rem);height:auto;overflow-x:hidden}body::-webkit-scrollbar{display:none}#app{display:flex;flex-direction:column;height:auto}a{color:#000;text-decoration:none}.flex-row{display:flex;flex-direction:row}.flex-col,.slide{display:flex;flex-direction:column}.slide{background-color:transparent;flex-grow:1;flex-shrink:0;flex-wrap:nowrap;height:100%;padding:8rem 8% 0;width:100%}.slide-h1{color:#000;font-size:clamp(28px,4vw,40px);margin-bottom:10px}.slide-p{color:#000;font-size:18px;text-align:justify;width:60%}.container{background-color:var(--bg);color:#000}body[theme=dark]{--bg:#121212}body[theme=dark] .container,body[theme=dark] .slide-h1,body[theme=dark] .slide-p{color:#cecece}body[theme=dark] a{color:#fff}@media (max-width:768px){.slide{height:-moz-fit-content;height:fit-content}.slide,.slide-p{width:100%}}.container[n-scope=nypvn]{align-items:center;background:radial-gradient(circle at top,#111,#000);color:#fff;display:flex;height:100dvh;justify-content:space-between;padding:0 8%;width:100vw}.content[n-scope=nypvn]{display:flex;flex-direction:column;gap:16px;max-width:500px}h1[n-scope=nypvn]{font-size:clamp(60px,10vw,120px);line-height:1;opacity:.9}.title[n-scope=nypvn]{font-size:22px;font-weight:600}.desc[n-scope=nypvn]{font-size:14px;line-height:1.6;opacity:.7}.btn[n-scope=nypvn]{background:var(--accent);border-radius:999px;color:#000;font-size:13px;font-weight:600;margin-top:10px;padding:10px 18px;text-decoration:none;transition:all .25s ease;width:-moz-fit-content;width:fit-content}.btn[n-scope=nypvn]:hover{box-shadow:0 10px 30px rgba(0,153,255,.3);transform:translateY(-2px)}.visual[n-scope=nypvn]{flex:1;height:100%;position:relative}.glow[n-scope=nypvn]{background:radial-gradient(circle,#09f,transparent);filter:blur(100px);height:300px;left:40%;opacity:.4;position:absolute;top:30%;width:300px}@media (max-width:768px){.container[n-scope=nypvn]{flex-direction:column;gap:30px;justify-content:center;text-align:center}.content[n-scope=nypvn]{align-items:center}.visual[n-scope=nypvn]{height:200px}.glow[n-scope=nypvn]{left:50%;transform:translateX(-50%)}}.container[n-scope="5ngk"]{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(40px,6vw,80px) 8%;width:100%}@media (min-width:768px){.container[n-scope="5ngk"]{align-items:center;flex-direction:row;gap:80px}.form[n-scope="5ngk"]{flex:1}.contact-side[n-scope="5ngk"]{flex:1;max-width:420px}}h1[n-scope="5ngk"]{font-size:clamp(32px,3vw,40px);line-height:1.2;margin-bottom:20px}.form[n-scope="5ngk"]{display:flex;flex-direction:column;gap:16px;max-width:600px;width:100%}input[n-scope="5ngk"],textarea[n-scope="5ngk"]{background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.15);border-radius:10px;color:#000;font-size:15px;outline:none;padding:12px 14px;transition:all .2s ease}input[n-scope="5ngk"]:focus,textarea[n-scope="5ngk"]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(247,255,2,.2)}textarea[n-scope="5ngk"]{resize:none}button[n-scope="5ngk"]{background-color:#09f;border:none;border-radius:999px;cursor:pointer;font-weight:600;margin-top:10px;padding:12px;transition:all .25s ease}button[n-scope="5ngk"]:hover{background-color:#2563eb;box-shadow:0 10px 25px rgba(0,0,0,.2);transform:translateY(-2px)}.contact-side[n-scope="5ngk"]{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);display:flex;flex-direction:column;font-size:15px;gap:18px;line-height:1.6;padding:32px;transition:all .25s ease}.contact-side[n-scope="5ngk"]:hover{transform:translateY(-4px)}.contact-side[n-scope="5ngk"] p[n-scope="5ngk"]{margin:0}.contact-side[n-scope="5ngk"] strong[n-scope="5ngk"]{display:block;font-weight:600;margin-bottom:2px}.links[n-scope="5ngk"]{display:flex;gap:12px;margin:5px 0}.links[n-scope="5ngk"] a[n-scope="5ngk"]{color:var(--accent);font-size:14px;text-decoration:none;transition:all .2s ease}.links[n-scope="5ngk"] a[n-scope="5ngk"]:hover{color:#00c8ff;transform:translateY(-2px) scale(1.05)}.note[n-scope="5ngk"]{font-size:14px;margin-top:10px;opacity:.7}.hero[n-scope=xbuy6]{background:radial-gradient(circle at 80% 0,hsla(0,0%,100%,.08),transparent 40%),radial-gradient(circle at top,#111,#000);color:#fff;justify-content:center;min-height:100dvh;padding:20px;transform:translateZ(0);will-change:transform}.hero[n-scope=xbuy6],.main[n-scope=xbuy6]{align-items:center;display:flex;width:100%}.main[n-scope=xbuy6]{gap:20px;justify-content:space-between;max-width:1200px}.content[n-scope=xbuy6]{display:flex;flex:1;flex-direction:column;gap:15px}.content[n-scope=xbuy6] h1[n-scope=xbuy6]{color:#cecece;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}.content[n-scope=xbuy6] p[n-scope=xbuy6]{font-size:clamp(1rem,2vw,1.4rem);max-width:500px;opacity:.8}button[n-scope=xbuy6]{background:#09f;border:none;border-radius:999px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}button[n-scope=xbuy6]:hover{background-color:#2563eb;box-shadow:0 10px 30px rgba(0,153,255,.3);transform:translateY(-3px)}@media (max-width:768px){.main[n-scope=xbuy6]{flex-direction:column;text-align:center}.content[n-scope=xbuy6]{align-items:center}.cards[n-scope=xbuy6]{display:flex;flex-direction:column-reverse;gap:12px;height:auto;margin-top:50px}}.cards[n-scope=xbuy6]{flex:1;height:350px;overflow:visible;position:relative;width:100%}h1[n-scope=xbuy6]{background:linear-gradient(100deg,#8a8a8a,#d6d6d6 25%,#fff 40%,#d6d6d6 55%,#8a8a8a);-webkit-background-clip:text;background-size:200% auto;display:inline-block;font-size:clamp(56px,9vw,92px);font-weight:700;letter-spacing:1px;line-height:1.15;margin:0;-webkit-text-fill-color:transparent;animation:flow 3.5s ease-in-out infinite}@keyframes flow{0%{background-position:0}to{background-position:200%}}.container[n-scope=ic3v1x]{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;flex-wrap:nowrap;height:auto;padding:0 8%;width:100vw}@media (max-width:768px){h1[n-scope=ic3v1x]{margin-top:50px}}.container[n-scope=hr1eih]{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100vh;justify-content:flex-start;width:100vw}@media (max-width:768px){.container[n-scope=hr1eih]{flex-direction:column;grid-area:6px;height:auto}}.footer[n-scope=ec2z8]{align-items:center;background:radial-gradient(circle at bottom,#111,#000);border-top:1px solid hsla(0,0%,100%,.08);color:#fff;display:flex;flex-direction:column;gap:25px;margin-top:auto;padding:40px 20px 20px;width:100%}.footer-content[n-scope=ec2z8]{text-align:center}.footer-content[n-scope=ec2z8] h2[n-scope=ec2z8]{font-size:20px;letter-spacing:1px;transition:transform .3s ease}.footer-content[n-scope=ec2z8] p[n-scope=ec2z8]{font-size:13px;margin-top:5px;opacity:.6}.footer-bottom[n-scope=ec2z8]{font-size:12px;opacity:.5}.footer[n-scope=ec2z8]:hover h2[n-scope=ec2z8]{transform:translateY(-2px)}.header[n-scope=hpmavk]{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.6);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 8px 25px rgba(0,0,0,.05);display:flex;height:70px;justify-content:space-between;padding:5px 10px;position:fixed;top:-250px;transition:all .3s ease;width:100%;z-index:999}.logo[n-scope=hpmavk]{display:flex;flex-direction:row;padding:10px}.logo[n-scope=hpmavk] h1[n-scope=hpmavk]{background:linear-gradient(60deg,#00a2e8,#0e73f8,#00a2e8);-webkit-background-clip:text;background-size:200% auto;display:inline-block;font-size:28px;font-weight:600;letter-spacing:1px;margin-top:10px;position:relative;-webkit-text-fill-color:transparent;animation:flow 2s linear infinite}@keyframes flow{0%{background-position:0}to{background-position:200%}}img[n-scope=hpmavk]{height:50px;margin:5px 10px 0;vertical-align:middle;width:50px}.nav-bar[n-scope=hpmavk] button[n-scope=hpmavk]{background:transparent;border:none;border-radius:8px;cursor:pointer;padding:6px;transition:background .2s ease}.nav-bar[n-scope=hpmavk]{display:flex;height:100%;padding:5px}.nav-bar[n-scope=hpmavk] a[n-scope=hpmavk]{border-radius:8px;cursor:pointer;font-size:15px;margin:auto 10px auto auto;padding:6px 10px;transition:all .2s ease}.nav-bar[n-scope=hpmavk] a[n-scope=hpmavk]:hover{color:#0066f6;transform:scale(1.1) translateY(-2px)}.theme-dark-btn[n-scope=hpmavk]{display:block}.theme-light-btn[n-scope=hpmavk]{display:none}@media only screen and (max-width:768px){.logo[n-scope=hpmavk] h1[n-scope=hpmavk]{display:none}}body[theme=dark] input[n-scope="5ngk"],body[theme=dark] textarea[n-scope="5ngk"]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff}body[theme=dark] input[n-scope="5ngk"]:focus,body[theme=dark] textarea[n-scope="5ngk"]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(247,255,2,.15)}body[theme=dark] .contact-side[n-scope="5ngk"]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 10px 30px rgba(0,0,0,.6)}body[theme=dark] button[n-scope="5ngk"]:hover{background-color:#3b82f6}body[theme=dark] button[n-scope="5ngk"]{color:#fff!important}body[theme=dark] .header[n-scope=hpmavk]{background:hsla(0,0%,8%,.6);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 8px 25px rgba(0,0,0,.6)}body[theme=dark] .nav-bar[n-scope=hpmavk] a[n-scope=hpmavk]:hover{color:#0099f9}body[theme=dark] .theme-dark-btn[n-scope=hpmavk]{display:none}body[theme=dark] .theme-light-btn[n-scope=hpmavk]{display:block}.project[n-scope=htikr]{align-items:center;background:#ebebeb;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;display:flex;gap:clamp(16px,2vw,32px);justify-content:space-between;margin:24px 0;overflow:hidden;padding:clamp(16px,2vw,24px);position:relative;transition:all .3s ease;width:100%}.project[n-scope=htikr]:hover{box-shadow:0 4px 12px rgba(0,153,255,.7);box-shadow:0 25px 50px rgba(0,153,255,.7);transform:translateY(-6px)}.content[n-scope=htikr]{display:flex;flex-direction:column;gap:10px;max-width:60%}h1[n-scope=htikr]{font-size:clamp(22px,2.5vw,32px);line-height:1.2}.desc[n-scope=htikr]{font-size:clamp(13px,1.4vw,15px);line-height:1.6;opacity:.75}button[n-scope=htikr]{background:transparent;border:1px solid var(--accent);border-radius:999px;color:var(--accent);cursor:pointer;font-size:13px;margin-top:10px;padding:6px 16px;transition:all .25s ease;width:-moz-fit-content;width:fit-content}button[n-scope=htikr]:hover{background:var(--accent);color:#000}.image[n-scope=htikr]{border-radius:12px;flex-shrink:0;height:clamp(110px,12vw,160px);overflow:hidden;width:clamp(110px,12vw,160px)}.image[n-scope=htikr] img[n-scope=htikr]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:768px){.project[n-scope=htikr]{align-items:flex-start;flex-direction:column-reverse}.content[n-scope=htikr]{max-width:100%}.image[n-scope=htikr]{aspect-ratio:1/1;height:auto;width:100%}}.skills-container[n-scope="9dkpxi"]{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin-top:30px;width:100%}.skill[n-scope="9dkpxi"]{opacity:0;transform:translateY(20px)}.card[n-scope=hhwf]{border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.6);height:65%;overflow:hidden;position:absolute;transition:transform .35s ease,z-index .2s ease;width:75%}.card-bg[n-scope=hhwf]{inset:0;position:absolute;z-index:0}.card-bg[n-scope=hhwf] img[n-scope=hhwf]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.card[n-scope=hhwf]:after{background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.75));content:"";inset:0;position:absolute;z-index:1}.card[n-scope=hhwf]:before{background:radial-gradient(circle at top left,rgba(0,153,255,.12),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.card-content[n-scope=hhwf]{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;position:relative;z-index:2}.card-content[n-scope=hhwf] h1[n-scope=hhwf]{font-size:16px;font-weight:600;letter-spacing:.4px}.card-bottom[n-scope=hhwf] span[n-scope=hhwf]{font-size:13px;line-height:1.5;opacity:.8}@media (max-width:768px){.card[n-scope=hhwf]{height:180px;opacity:1!important;position:relative!important;transform:none!important;width:100%}.card-1[n-scope=hhwf],.card-2[n-scope=hhwf],.card-3[n-scope=hhwf]{left:auto;top:auto}.card-content[n-scope=hhwf]{text-align:left}}@media (min-width:768px){.card[n-scope=hhwf]{transform-origin:center}.card-1[n-scope=hhwf]{left:8%;top:22%}.card-2[n-scope=hhwf]{left:22%;top:14%}.card-3[n-scope=hhwf]{left:36%;top:6%}.card[n-scope=hhwf]:hover{z-index:10}.card-1[n-scope=hhwf]:hover,.card-2[n-scope=hhwf]:hover,.card-3[n-scope=hhwf]:hover{transform:translateY(-40px) scale(1.03)!important}.card[n-scope=hhwf]:hover .card-bg[n-scope=hhwf] img[n-scope=hhwf]{transform:scale(1.05)}}body[theme=dark] .project[n-scope=htikr]{background-color:#212121}.skill[n-scope="9g93zx"]{align-items:center;background-color:#f0f0f0;border:1px solid rgba(0,0,0,.06);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.08);color:#000;cursor:default;display:flex;flex:1 1 calc(33.33% - 15px);gap:8px;opacity:0;padding:10px;transform:translateY(20px);transition:all .2s ease}.skill[n-scope="9g93zx"]:hover{transform:translateY(-2px)}p[n-scope="9g93zx"]{font-size:15px;font-weight:500;line-height:1}img[n-scope="9g93zx"]{height:16px;-o-object-fit:contain;object-fit:contain;width:16px}@media (max-width:768px){.skill[n-scope="9g93zx"]{flex:1 1 calc(50% - 15px)}}body[theme=dark] .skill[n-scope="9g93zx"]{background-color:#191919;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 4px 12px rgba(0,0,0,.6);color:#cecece}