@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html,body{scroll-behavior:smooth;height:100%;overflow-x:hidden}body{margin:0;padding:0}#root{min-height:100vh}:focus{outline:none}@media (width<=768px){html,body{scroll-behavior:auto}}.app{color:#fff;background-image:url(/LooperGroup.png);background-position:50%;background-repeat:no-repeat;background-size:80%;min-height:100vh;padding-left:1rem;padding-right:1rem}.main-content{z-index:2;position:relative}.content-wrapper{flex-direction:column;gap:5rem;display:flex}.footer-container{max-width:1536px;margin-left:auto;margin-right:auto;padding-top:50px;padding-bottom:2rem}.footer-socials{justify-content:center;padding-bottom:2.5rem;display:flex}.footer-link{z-index:1}.footer-icon{width:30px;height:30px;margin-left:1.25rem;margin-right:1.25rem}.footer-text{color:#d1d5db;text-align:center;font-size:.875rem}.navbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;width:100%;height:65px;position:fixed;top:0;left:0}.navbar-content{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 2.5rem;display:flex}@media (width<=460px){.navbar-content{padding:0 1rem}}.navbar-logo{z-index:1;cursor:pointer;color:#fff;transition:transform .3s;transform:scale(1)}.navbar-logo:hover{transform:scale(1.2)}.navbar-actions{flex-direction:row;gap:1.25rem;display:flex}.navbar-contact{z-index:1;cursor:pointer;color:#fff;background-color:#0000;border-radius:.75rem;padding:.25rem 0;transition:color .3s;position:relative}.navbar-contact:after{content:"";transform-origin:100%;background-color:#fff;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.navbar-contact:hover:after{transform-origin:0;transform:scaleX(1)}.stars-canvas{z-index:1;width:100%;height:auto;position:fixed;inset:0}.project-detail{max-width:1200px;margin:0 auto;padding:150px 20px 0;animation:.5s ease-in fadeIn}@media (width<=768px){.project-detail{padding:100px 20px 0}}.project-detail.development{position:relative}.project-detail.development:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:auto;position:absolute;inset:0}.project-detail.development>:not(.title-development){z-index:1;position:relative}.title-development{z-index:11;white-space:nowrap;font-size:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-development img{height:60px}.dot{display:inline-block}.dot-1{animation:2s infinite dot-show-1}.dot-2{animation:2s infinite dot-show-2}.dot-3{animation:2s infinite dot-show-3}@keyframes dot-show-1{0%,to{opacity:1}}@keyframes dot-show-2{0%,32%{opacity:0}33%,99%{opacity:1}to{opacity:0}}@keyframes dot-show-3{0%,65%{opacity:0}66%,99%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-header{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:50px;display:grid}.detail-image{object-fit:contain;width:100%;max-height:400px}.detail-ico{object-fit:contain;width:100%;height:60px}.detail-info h1{background:linear-gradient(90deg,#a855f7,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:10px 0}.detail-description{text-align:left;color:#ffffffe6;margin-bottom:20px;font-size:1.1rem;line-height:1.8}.detail-links{justify-content:center;gap:15px;display:flex}.link-button{cursor:pointer;will-change:transform;transition:transform .25s cubic-bezier(.4,0,.2,1);display:block}.link-button:hover{transform:translateY(-6px)}.detail-section{margin-bottom:50px}.detail-section h2{color:#fffffff2;margin-bottom:25px;font-size:1.8rem}.why-section{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tech-badge{color:#ffffffe6;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:1px solid #667eea4d;border-radius:20px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .3s}.tech-badge:hover{background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);border-color:#667eea99;transform:translateY(-2px)}.features-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:0;list-style:none;display:grid}.features-list li{background:#ffffff0d;border-left:3px solid #667eea;border-radius:8px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}.features-list li:hover{background:#ffffff1a;transform:translate(5px)}.feature-icon{color:#667eea;flex-shrink:0;font-size:1.2rem;font-weight:700}.detail-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:50px;padding-top:30px}.privacy-link{color:#667eea;cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s}.privacy-link:hover{color:#764ba2;text-decoration:underline}.project-detail-error{text-align:center;padding:60px 20px}.project-detail-error h1{color:#ffffffe6;margin-bottom:30px;font-size:2rem}@media (width<=768px){.title-development{font-size:2rem;line-height:1.2}.detail-header{grid-template-columns:1fr;gap:30px}.detail-image{max-height:200px}.detail-info h1{font-size:1.8rem}.features-list{grid-template-columns:1fr}.features-list li{text-align:left}.detail-section h2{font-size:1.4rem}}.project-privacy{max-width:900px;margin:150px auto 0;padding:40px 20px;animation:.5s ease-in fadeIn}@media (width<=768px){.project-privacy{margin:100px auto 0}}.project-privacy h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:10px 0}.privacy-content{margin-bottom:40px}.privacy-content section{border-bottom:1px solid #ffffff1a;margin-bottom:35px;padding-bottom:25px}.privacy-content section:last-child{border-bottom:none}.privacy-content h2{color:#fffffff2;margin-bottom:15px;font-size:1.4rem}.privacy-content p{color:#ffffffd9;margin-bottom:12px;font-size:1rem;line-height:1.8}.privacy-content ul{margin:15px 0;padding-left:0;list-style:none}.privacy-content li{color:#ffffffd9;padding:8px 0 8px 25px;line-height:1.6;position:relative}.privacy-content li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0}.privacy-footer{text-align:center;color:#ffffffb3;background:#ffffff0d;border-radius:8px;padding:30px;font-size:.95rem}.privacy-error{text-align:center;padding:60px 20px}.privacy-error h1{color:#ffffffe6;margin-bottom:30px;font-size:2rem}@media (width<=768px){.project-privacy{padding:30px 15px}.project-privacy h1{margin-bottom:30px;font-size:1.8rem}.privacy-content h2{font-size:1.2rem}.privacy-content p{font-size:.95rem}}.about-section{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:35px;display:flex;position:relative;overflow:hidden;transform:scale(.9)}.about-content{flex-flow:column wrap;justify-content:space-around;align-items:center;max-width:900px;display:flex}.about-title{color:#fff;font-size:3.75rem;font-weight:600}.about-subtitle{letter-spacing:.5em;background:linear-gradient(90deg,#7c3aed,#fb923c);color:#0000;-webkit-background-clip:text;background-clip:text;padding:1.25rem;font-size:1.25rem;font-weight:300}.about-description{color:#d1d5db;text-align:center;margin-top:15px}.banner-container{z-index:20;flex-direction:row;justify-content:center;align-items:center;margin-top:100px;display:flex}.banner-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.banner-image-container{justify-content:center;display:flex}.banner-image{background-color:#1a1a1a;border-radius:50%;width:250px;height:250px}.banner-name{letter-spacing:-.025em;color:#fff;max-width:1000px;margin-top:2.5rem;font-size:4.5rem;font-weight:600;line-height:1;animation:2s infinite bounce}@media (width<=768px){.banner-name{font-size:3.5rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.banner-subtitle-container{justify-content:center;align-items:center;margin-top:16px;display:flex}.banner-subtitle{letter-spacing:-.025em;color:#d1d5db;max-width:600px;font-size:1.5rem;font-weight:500}.banner-gradient{background:linear-gradient(90deg,#a855f7,#fb923c);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.banner-gif{width:50px;height:50px;margin-left:.5rem;display:block}@media (width<=460px){.banner-gif{display:none}}.banner-description{color:#e5e7eb;max-width:600px;margin:1.25rem 0;font-size:1rem}.banner-button-container{justify-content:center;font-size:1rem;display:flex}.banner-button{z-index:1;color:#fff;cursor:pointer;background-color:#0000;border:.1px solid #fff;border-radius:1.5rem;padding:.75rem 2.5rem;font-size:100%;font-weight:600;transition:background-color .3s,color .3s,border-color .3s}.banner-button:hover{color:#000;background-color:#fff;border-color:#0000}.projects-section{padding-top:35px}.projects-title{color:#fff;text-align:center;font-size:3.75rem;font-weight:600}.projects-subtitle{letter-spacing:.5em;text-align:center;background:linear-gradient(90deg,#7c3aed,#fb923c);color:#0000;-webkit-background-clip:text;background-clip:text;padding:1.25rem;font-size:1.25rem;font-weight:300}.projects-container{max-width:900px;margin-left:auto;margin-right:auto}.projects-card{flex-wrap:wrap;gap:16px;margin-top:1.75rem;display:flex}.projects-card>*{flex:calc(50% - 8px)}@media (width<=768px){.projects-card{flex-direction:column}}.projects-link{z-index:1;color:inherit;cursor:pointer;text-decoration:none}.projects-item{will-change:transform;flex-direction:row;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}.projects-link:hover .projects-item{transform:translateY(-6px)}.projects-image{align-self:center;width:100px;height:100px}.projects-info{text-align:left;padding:.75rem}.projects-name{color:#fff;font-size:1.25rem;font-weight:600}.projects-description{color:#6b7280;font-size:.625rem}:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#111;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}