:root{--background:#0a0a0a;--foreground:#ededed;--background-border:#ffffff05;--blend-mode:screen;--scroll-back:#ffffff0a;--scroll-background:linear-gradient(180deg, #a855f7d9, #3b82f6d9);--scroll-background-hover:linear-gradient(180deg, #c084fc, #60a5fa)}body{min-height:100vh;color:var(--foreground);background:var(--background);background-image:radial-gradient(circle at 50% 50%, #a855f71a 1%, transparent 40%), linear-gradient(var(--background-border) 1px, transparent 1px), linear-gradient(90deg, var(--background-border) 1px, transparent 1px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:auto,60px 60px,60px 60px;background-attachment:fixed,fixed,fixed;position:relative}body:before,body:after{content:"";filter:blur(150px)saturate(180%);z-index:-1;pointer-events:none;mix-blend-mode:var(--blend-mode);opacity:.9;will-change:transform, opacity;border-radius:50%;width:1000px;height:1000px;animation:20s ease-in-out infinite float;position:fixed;transform:translateZ(0)}body:before{background:radial-gradient(circle,#a855f7e6 0%,#a855f780 30%,#a855f733 60%,#0000 100%);top:-250px;left:-250px}body:after{background:radial-gradient(circle,#3b82f6e6 0%,#3b82f680 30%,#3b82f633 60%,#0000 100%);bottom:-250px;right:-250px}@keyframes float{0%{transform:translate(-5%,-5%)rotate(0)}50%{transform:translate(5%,5%)rotate(45deg)}to{transform:translate(-5%,-5%)rotate(0)}}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scroll-back)}::-webkit-scrollbar-thumb{background:var(--scroll-background);border:1px solid var(--scroll-back);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-background-hover)}::-webkit-scrollbar-thumb{background:var(--scroll-background);border:2px solid var(--scroll-back);border-radius:999px;box-shadow:0 0 10px #a855f74d,0 0 15px #3b82f633}::-webkit-scrollbar-thumb:hover{background:var(--scroll-background-hover);box-shadow:0 0 15px #a855f780,0 0 25px #3b82f666}a{color:inherit;text-decoration:none}svg,img,a{cursor:pointer}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;scrollbar-width:none;-ms-overflow-style:none;border:1px solid #3b82f633;border-radius:10px;justify-content:space-between;align-items:center;width:95%;padding:5px 15px;display:flex;position:fixed;top:15px;left:2.5%;box-shadow:0 0 10px #3b82f633}header::-webkit-scrollbar{display:none}header img{border-radius:50%;height:50px;transition:height .4s,width .4s;box-shadow:0 0 10px #ffffff80}header div{display:flex}header ul{background-color:#3b82f60d;border:1px solid #3b82f666;border-radius:50px;gap:8px;margin-top:15px;display:flex;box-shadow:0 0 10px #3b82f61a}header ul a{padding:10px}header li{display:block}header .links{background-color:#3b82f60d;border-left:4px solid #808;border-right:4px solid #808;border-radius:10px;align-items:center;gap:10px;margin:auto 10px auto 20px;padding:0 5px}header a{border-radius:20px;padding:10px;font-size:16px;font-weight:600;transition:background .1s}header a:hover{text-shadow:0 0 4px var(--foreground)}header a.primary{background-color:#973ef0c5}header a.primary:hover{background-color:#973ef0}header svg:hover{fill:var(--foreground)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}header:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), transparent, transparent, transparent, #8b5cf6, #c084fc, #00e5ff);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:5s linear infinite spin,3s ease-in-out infinite alternate pulse;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}@keyframes pulse{0%{opacity:.3}to{opacity:.8}}header>:first-child{justify-content:space-between;display:flex}header>:first-child svg{display:none}header>div:not(:first-child){opacity:1;max-height:600px;transition:max-height .4s,opacity .3s,margin .3s,padding .3s;overflow:hidden}aside{z-index:1000;position:fixed;top:50%;right:30px;transform:translateY(-50%)}aside ul{flex-direction:column;gap:20px;list-style:none;display:flex}aside a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:999px;width:12px;height:12px;transition:transform .3s,background .3s,box-shadow .3s,height .3s;display:block;position:relative}aside a:not(.primary):hover{transform:scale(1.1)}aside a.primary{background:linear-gradient(#a855f7,#3b82f6);border-radius:15px;height:30px;box-shadow:0 0 12px #a855f7cc,0 0 24px #3b82f666}aside a:not(.primary):hover{background:#a855f799;box-shadow:0 0 10px #a855f780}aside li{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:500;list-style:none;transition:opacity .25s,transform .25s;position:absolute;top:50%;right:28px;transform:translateY(-50%)translate(20px)}aside a:hover li,aside a.primary li{opacity:1;transform:translateY(-50%)translate(0)}aside a.primary li{animation:2s forwards showLabel}@keyframes showLabel{0%{opacity:0;transform:translateY(-50%)translate(20px)}20%{opacity:1;transform:translateY(-50%)translate(0)}80%{opacity:1;transform:translateY(-50%)translate(0)}to{opacity:0;transform:translateY(-50%)translate(20px)}}aside a.primary li{box-shadow:0 0 20px #a855f733}main{min-width:95%;min-height:500vh;margin:auto;padding:10px 0}main>section{flex-wrap:wrap;justify-content:center;align-items:center;min-height:75vh;display:flex}#Home img{border-radius:50%;width:clamp(200px,50%,400px);box-shadow:0 0 20px #d6beecd3}#Home h1{font-size:clamp(30px,5vw,60px);font-weight:500}#Home p{font-size:clamp(16px,2vw,18px)}.mr-2{margin-right:17px}.hero-section{justify-content:center;align-items:center;margin-top:90px;display:flex;position:relative;overflow:hidden}.hero-content{position:relative}.badge-open{color:#d1fae5;background:#111827;border:1px solid #68227d;border-radius:70px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px;font-size:16px;display:inline-flex}.badge-open .dot{background:#50a2ff;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulseDot}@keyframes pulseDot{0%{opacity:1;box-shadow:0 0 5px #50a2ff}50%{opacity:.3;box-shadow:0 0 15px #50a2ff}to{opacity:1;box-shadow:0 0 5px #50a2ff}}.hero-title{margin-bottom:8px;font-size:21px;font-weight:700}.hero-subtitle{color:#9ca3af;max-width:360px;font-size:18px}.hero-action{flex-wrap:wrap;align-items:center;gap:12px;margin-top:19px;display:flex}.social-icons{align-items:center;display:flex}.social-icons a{color:#fff;font-size:1.6rem;text-decoration:none;transition:all .3s}.social-icons a:hover{color:#50a2ff;transform:translateY(-3px)}.btn-primary-custom{color:#f5f5f5;background:#115ba1;border-color:#0d4377;border-radius:999px;padding:9px 20px;font-weight:600;transition:all .3s}.btn-primary-custom:hover{border-color:#50a2ff;transform:translateY(-4px);box-shadow:0 10px 10px #8ec5ff66}.btn-outline-custom{color:#e5e7eb;background:0 0;border:1px solid #50a2ff;border-radius:999px;padding:9px 20px;transition:all .3s}.btn-outline-custom:hover{background:#115ba1;border-color:#50a2ff;transform:translateY(-4px);box-shadow:0 10px 10px #8ec5ff66}.icon{margin-left:20px;font-size:20px}ro-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-bg{filter:blur(20px);border-radius:999px;width:260px;height:260px;position:absolute}.hero-image{border:1px solid #4b5563;border-radius:999px;width:220px;height:220px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009}.hero-image img{object-fit:cover;width:100%;height:100%}.about-section{padding:30px 0}.section-number{color:#9ca3af;letter-spacing:1px;font-size:16px}.about-title{color:#f3f4f6;margin-top:15px;font-size:39px;font-weight:700;line-height:1.4}.about-text{color:#d1d5db;max-width:700px;font-size:16px;line-height:1.7}.stat-border{padding:0}.stat-number{color:#50a2ff;font-size:32px;font-weight:700}.stat-label{color:#9ca3af;font-size:17px}.soft-title{color:#f3f4f6;font-size:20px;font-weight:600}.soft-list{margin-top:15px;padding:0;list-style:none}.soft-list li{cursor:pointer;color:#d1d5db;border:1px solid #50a2ff;border-radius:12px;margin:20px 0;padding:10px 15px;font-size:16px;transition:all .3s}.soft-list li:hover{border-color:#50a2ff;transform:translateY(-4px);box-shadow:0 10px 10px #8ec5ff66}.section-title{font-size:32px;font-weight:700px}.card-custom{border:2px solid #ffffff14;border-radius:12px;padding:20px;transition:all .3s}.card-custom:hover{border-color:#50a2ff;transform:translateY(-4px);box-shadow:0 10px 10px #8ec5ff4d}.size{font-size:17px}.back-skill{color:#ddd;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s}.back-skill:hover{color:#fff;transform:translateY(-4px);box-shadow:0 10px 10px #8ec5ff33}.project-card{border:1px solid #ffffff14;border-radius:22px;height:100%;transition:all .35s;overflow:hidden}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 10px #8ec5ff66}.project-img{object-fit:cover;width:100%;height:230px;transition:all .4s}.project-card:hover .project-img{transform:scale(1.05)}.project-body{padding:24px}.project-title{margin-bottom:15px;font-size:50px;font-weight:700}.project-text{color:#cfd5e6;margin-bottom:20px;line-height:1.7}.badge-skill{color:#fff;background:#5b47d8;border-radius:50px;margin:4px 4px 0 0;padding:8px 15px;font-size:14px;display:inline-block}.btn-demo{color:#fff;background:linear-gradient(90deg,#ff3ab5,#8d2fff);border:none}.btn-demo:hover{color:#fff;opacity:.8}.team-title{margin-top:60px;margin-bottom:0;font-size:55px;font-weight:700}.team-subtitle{color:#94a3b8;margin-bottom:80px}.member{border-bottom:1px solid #ffffff14;padding:70px 0}.member:last-child{border:none}.member-img img{border-radius:100px;width:200px;transition:all .3s;box-shadow:0 20px 50px #00000059}.member:hover img{border-color:#50a2ff;transform:translateY(-4px);box-shadow:0 10px 10px #8ec5ff99}.member-name{font-size:48px;font-weight:700}.social a{color:#fff;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:12px;text-decoration:none;transition:all .3s;display:inline-flex}.member-role{color:#8b5cf6;margin:15px 0;font-size:20px;font-weight:600}.skills{flex-wrap:wrap;gap:10px;margin-bottom:35px;display:flex}.skills span{background:#1e293b;border:1px solid #8b5cf6;border-radius:50px;padding:8px 18px}.member-text{color:#cbd5e1;margin:25px 0;line-height:1.8}.social a:hover{background:#8b5cf6;transform:translateY(-5px);box-shadow:0 10px 10px #6f4ac3b3}.contact-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;margin-bottom:25px;padding:22px;transition:all .35s;display:flex}.contact-box:hover{border-color:#50a2ff;transform:translate(10px);box-shadow:0 10px 10px #8ec5ff66}.icons{color:#50a2ff;background:#131f35;border-radius:15px;justify-content:center;align-items:center;width:65px;height:65px;margin-right:20px;font-size:20px;display:flex}.contact-box h6{color:#94a3b8;margin-bottom:6px}.contact-box p{margin:0;font-size:18px;font-weight:600}.gif-box{justify-content:center;align-items:center;display:flex}.gif-box img{width:100%;max-width:500px}.footer-section{border-top:1px solid #ffffff14;margin-top:80px;padding:80px 0 25px;position:relative;overflow:hidden}.footer-section:before,.footer-section:after{content:"";filter:blur(160px);opacity:.18;width:320px;height:320px;position:absolute}.footer-section:before{top:-100px;left:-100px}.footer-section:after{background:#2196f3;bottom:-100px;right:-100px}.footer-brand{align-items:center;gap:15px;margin-bottom:20px;display:flex}.footer-logo{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;font-weight:700;display:flex}.footer-description,.footer-links li,p{color:#c7d2e5}.footer-links{padding:0;list-style:none}.footer-links li{margin:10px 0}.footer-links a{color:#c7d2e5;text-decoration:none}.footer-links a:hover{color:#53b7ff}.footer-social{justify-content:center;gap:12px;display:flex}.footer-social a{color:#fff;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;transition:all .35s;display:flex}.footer-social a:hover{transform:translateY(-5px);box-shadow:0 10px 10px #6f4ac3b3}hr{border-color:#ffffff1a}.footer-bottom{text-align:center;color:#9db0c8}.logo-footer-color{color:#c38a38}@media (max-width:991px){.footer-section{text-align:center}.footer-brand{justify-content:center}.footer-social{margin-bottom:20px}}@media (max-width:1000px){aside{z-index:3;right:10px}header{z-index:4;flex-direction:column;align-items:center;top:5px;overflow:hidden auto}header:not(.deActive){gap:10px}header:not(.deActive) img{width:80px;height:80px}header>div{flex-direction:column;align-items:center;gap:20px;width:100%}header>:first-child{flex-direction:row}header>:first-child svg{display:block}header nav{width:100%}header ul{text-align:center;border-radius:0;flex-direction:column;justify-content:center}header.deActive>div:not(:first-child){opacity:0;max-height:0;margin:0;padding:0}header.deActive{padding:10px}main>section{flex-flow:column}#Home{flex-direction:column-reverse}.logo-img{display:none}.member{justify-content:center}.project-title{margin-top:60px;font-size:34px}.hero-section{min-height:auto;margin-top:100px}.res{display:none}}.contact-form-box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:2rem}.form-heading{color:#fff;margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.form-subheading{color:#8b8b9a;margin-bottom:1.5rem;font-size:.9rem}.cf-group{margin-bottom:1rem;position:relative}.cf-icon{color:#8b8b9a;pointer-events:none;font-size:.95rem;position:absolute;top:14px;left:14px}.cf-group-textarea .cf-icon{top:16px}.cf-input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 40px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.cf-input::placeholder{color:#6b6b7a}.cf-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61f,0 0 20px #3b82f614}textarea.cf-input{resize:none}.cf-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.cf-submit:hover{opacity:.9}.cf-submit:active{transform:scale(.98)}.cf-submit:disabled{opacity:.6;cursor:not-allowed}.cf-status{margin-top:.8rem;font-size:.85rem}.cf-status-success{color:#4ade80}.cf-status-error{color:#f87171}