*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a;border-left:1px solid #1a1a1a}::-webkit-scrollbar-thumb{background:#0ff;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#00e5e5}*{scrollbar-width:thin;scrollbar-color:#00ffff #0a0a0a}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%}body{background-color:#000;font-family:Helvetica,Arial,sans-serif;color:#fff}#root{width:100%;height:100vh;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden}.hero-section,.services-section,.featured-projects,.client-testimonials,.contact-form-section{height:100vh;min-height:100vh;max-height:100vh;width:100%;flex-shrink:0;position:relative;overflow:hidden}.hero-section{display:flex;flex-direction:column;justify-content:space-between;background-color:#000}.bars-container{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:1;gap:0}@keyframes shimmer{0%{opacity:var(--base-opacity);filter:brightness(1)}50%{opacity:calc(var(--base-opacity) * .6);filter:brightness(1.2)}to{opacity:var(--base-opacity);filter:brightness(1)}}.bar{width:100px;height:60vh;background:linear-gradient(to top,rgba(0,255,255,.4) 0%,rgba(0,255,255,.1) 60%,transparent 100%);backdrop-filter:none;-webkit-backdrop-filter:none;border:none;transform-origin:bottom;position:relative;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.5) 20%,rgba(0,0,0,0) 60%);mask-image:linear-gradient(to top,#000,#00000080 20%,#0000 60%);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;opacity:var(--base-opacity, 1);animation:shimmer 5s infinite ease-in-out}.bar-group-left .bar:first-child,.bar-group-right .bar:last-child{border:none}.bar-group-left,.bar-group-right{display:flex;align-items:flex-end;gap:-5px}.spacer{flex-grow:1;width:auto;min-width:50px}.bar-group-left .bar:nth-child(1){height:40vh;--base-opacity: 1;animation-delay:0s}.bar-group-left .bar:nth-child(2){height:35vh;--base-opacity: .9;animation-delay:1.5s}.bar-group-left .bar:nth-child(3){height:30vh;--base-opacity: .7;animation-delay:.5s}.bar-group-left .bar:nth-child(4){height:25vh;--base-opacity: .5;animation-delay:2.2s}.bar-group-right .bar:nth-child(1){height:25vh;--base-opacity: .5;animation-delay:1.2s}.bar-group-right .bar:nth-child(2){height:30vh;--base-opacity: .7;animation-delay:.2s}.bar-group-right .bar:nth-child(3){height:35vh;--base-opacity: .9;animation-delay:2.5s}.bar-group-right .bar:nth-child(4){height:40vh;--base-opacity: 1;animation-delay:.8s}.header{width:100%;padding-top:90px;display:flex;justify-content:center;z-index:10}.logo-placeholder{width:400px;height:70px;display:flex;align-items:center;justify-content:center;font-size:42px;letter-spacing:2px;color:#ffffffe6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo-3d-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none;background:transparent;opacity:0;animation:fadeIn 1s ease-out forwards;animation-delay:.2s}.content-wrapper{z-index:10;display:flex;flex-direction:column;align-items:center;gap:32px;margin-bottom:20vh;text-align:center}h1{font-family:Helvetica,sans-serif;font-weight:400;font-size:40px;line-height:48px;color:#efece5;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;opacity:0;transform:translateY(40px);animation:slideUpMain .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:1.5s}h1 .highlight-text{font-style:italic;color:#fff;font-family:Helvetica,sans-serif;opacity:0;display:inline-block;clip-path:inset(0 100% 0 0);animation:clipReveal .8s cubic-bezier(.7,0,.3,1) forwards;animation-delay:1.8s}@keyframes slideUpMain{to{opacity:1;transform:translateY(0)}}@keyframes clipReveal{0%{opacity:1;clip-path:inset(0 100% 0 0);transform:translate(-10px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0)}}.button-group{display:flex;flex-direction:row;gap:14px;align-items:center}.btn{display:flex;justify-content:center;align-items:center;padding:15px 33px;height:47px;border-radius:0;text-decoration:none;font-family:Manrope,sans-serif;font-size:15px;font-weight:500;line-height:100%;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;opacity:0}.btn:nth-child(1){transform:translate(-50px);animation:slideInLeft .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:2.1s}.btn:nth-child(2){transform:translate(50px);animation:slideInRight .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:2.1s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.btn{display:flex;justify-content:center;align-items:center;padding:15px 33px;height:47px;border-radius:0;text-decoration:none;font-family:Manrope,sans-serif;font-size:15px;font-weight:500;line-height:100%;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-primary{background:#fff;color:#000;border:1px solid #FFFFFF}.btn-secondary{background:transparent;border:1px solid #FFFFFF;color:#fff}@media(max-width:600px){.spacer{width:20px}.bar{width:40px}h1{font-size:32px;flex-direction:column;gap:0}.button-group{flex-direction:column;width:100%;max-width:300px}.btn{width:100%}}.services-section{width:100%;height:100vh;background-color:#000;padding:60px;display:flex;flex-direction:column;justify-content:center;gap:40px;position:relative;overflow:hidden;box-sizing:border-box}.services-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:1400px;margin:0 auto}.services-title h2{font-family:Helvetica,sans-serif;font-size:36px;font-weight:300;color:#fff;margin:0;letter-spacing:1px}.services-title h2 strong{font-weight:700}.services-title .tagline{font-family:Helvetica,sans-serif;font-size:36px;font-style:italic;color:#fff;margin:0;font-weight:300}.services-description{text-align:right;max-width:450px}.services-description p{font-family:Helvetica,sans-serif;font-size:14px;line-height:1.6;color:#fff;margin:0;font-weight:300}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:1400px;margin:0 auto}.service-card{background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;padding:0;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease;overflow:hidden;opacity:0;transform:translate(150px)}.services-section.visible .service-card{animation:slideInCardRight .6s cubic-bezier(.2,.8,.2,1) forwards}.services-section.visible .service-card:nth-child(1){animation-delay:.5s}.services-section.visible .service-card:nth-child(2){animation-delay:.6s}.services-section.visible .service-card:nth-child(3){animation-delay:.7s}@keyframes slideInCardRight{0%{opacity:0;transform:translate(150px)}to{opacity:1;transform:none}}.service-card:hover{transform:translateY(-4px);border-color:#2a2a2a}.service-image-placeholder{width:100%;height:250px;background:#111;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff}.box-content-1{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:2rem;width:100%;height:100%;padding:2rem}.icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0}.icon-item img{transition:transform .3s ease;filter:brightness(0) saturate(100%) invert(88%) sepia(83%) saturate(4576%) hue-rotate(142deg) brightness(103%) contrast(106%)}.box-content-2{display:flex;align-items:center;transform:scale(1.1)}.tree-structure{display:flex;position:relative;height:7rem}.tree-line{width:2px;background-color:#374151;position:absolute;left:0;top:.75rem;bottom:.75rem;height:100%;transform-origin:top;opacity:0}.folder-list{display:flex;flex-direction:column;justify-content:space-between;padding-top:.25rem;padding-bottom:.25rem;margin-left:1.25rem;height:100%}.folder-item{display:flex;align-items:center;opacity:0}.folder-line-h{width:.75rem;height:2px;background-color:#374151;margin-left:-1.25rem;margin-right:.5rem}.box-content-3{display:flex;flex-direction:column;justify-content:center;padding:0 2rem;width:100%;height:100%;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:2rem;color:#e5e7eb}.terminal-line{opacity:0;overflow:hidden;white-space:nowrap;border-right:2px solid transparent}.prompt{color:#3b82f6;font-weight:700;margin-right:.5rem}@keyframes fadeInIcon{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes growHeight{0%{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes typewriter{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.terminal-cursor{animation:blinkCursor 1.5s infinite;display:inline-block;font-weight:700;color:#0ff}@keyframes starPop{0%{opacity:0;transform:scale(.01);filter:brightness(5) blur(2px)}30%{opacity:1;transform:scale(1.5,.02);filter:brightness(3) blur(1px)}60%{transform:scale(.9,1.3);filter:brightness(2) blur(0px)}80%{transform:scale(1.1,.9)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.services-section.visible .box-content-1 .icon-item{animation:starPop .6s cubic-bezier(.2,.8,.2,1.2) forwards}.services-section.visible .box-content-1 .icon-item:nth-child(1){animation-delay:1.3s}.services-section.visible .box-content-1 .icon-item:nth-child(5){animation-delay:1.5s}.services-section.visible .box-content-1 .icon-item:nth-child(2){animation-delay:1.7s}.services-section.visible .box-content-1 .icon-item:nth-child(4){animation-delay:1.9s}.services-section.visible .box-content-1 .icon-item:nth-child(3){animation-delay:2.1s}.services-section.visible .box-content-2 .anim-fade-right{animation:fadeInIcon .6s ease-out forwards}.services-section.visible .box-content-2 .tree-line{animation:growHeight .5s ease-out forwards;animation-delay:1.8s}.services-section.visible .box-content-2 .icon-item.root-folder{animation:fadeInIcon .6s ease-out forwards;animation-delay:1.3s}.services-section.visible .box-content-2 .folder-item:nth-child(1){animation:fadeInIcon .6s ease-out forwards;animation-delay:2.1s}.services-section.visible .box-content-2 .folder-item:nth-child(2){animation:fadeInIcon .6s ease-out forwards;animation-delay:2.3s}.services-section.visible .box-content-2 .folder-item:nth-child(3){animation:fadeInIcon .6s ease-out forwards;animation-delay:2.5s}.services-section.visible .box-content-3 .terminal-line{animation:typewriter .6s steps(40) forwards}.services-section.visible .box-content-3 .terminal-line:nth-child(1){animation-delay:1s}.services-section.visible .box-content-3 .terminal-line:nth-child(2){animation-delay:1.3s}.services-section.visible .box-content-3 .terminal-line:nth-child(3){animation-delay:1.6s}.services-section.visible .box-content-3 .terminal-line:nth-child(4){animation-delay:1.9s}.service-title{font-family:Helvetica,sans-serif;font-size:24px;font-weight:400;color:#fff;margin:0;padding:24px 24px 12px}.service-description{font-family:Helvetica,sans-serif;font-size:14px;line-height:1.6;color:#ccc;margin:0;padding:0 24px 24px;font-weight:300}@media(max-width:1024px){.services-section{padding:60px}.services-grid{grid-template-columns:repeat(2,1fr)}.services-header{flex-direction:column;gap:30px}.services-description{text-align:left}}@media(max-width:768px){.services-section{padding:20px;gap:40px}.services-grid{grid-template-columns:1fr}.services-title h2,.services-title .tagline{font-size:28px}.service-image-placeholder{height:220px}}.featured-projects{width:100%;height:100vh;background-color:#000;padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-sizing:border-box}.featured-tag{display:none}.featured-title{font-family:Helvetica,sans-serif;font-size:56px;font-weight:400;color:#fff;margin:0 0 50px;text-align:center}.featured-title em{font-style:italic;font-weight:400}.filter-tabs{display:flex;gap:12px;margin-bottom:60px}.filter-tab{background-color:#1a1a1a;color:#fff;border:none;padding:12px 28px;font-family:Helvetica,sans-serif;font-size:14px;font-weight:400;cursor:pointer;transition:all .3s ease}.filter-tab.active{background-color:#0ff;color:#000}.filter-tab:hover:not(.active){background-color:#2a2a2a}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:100%;max-width:900px;margin-bottom:40px}.project-card{background-color:#0a0a0a;border:1px solid #888888;border-radius:0;overflow:hidden;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer;opacity:0;transform:translateY(100px);will-change:transform,opacity}.featured-projects.visible .project-card{animation:slideInCardUp .8s cubic-bezier(.2,.8,.2,1) forwards}.featured-projects.visible .project-card:nth-child(1){animation-delay:.5s}.featured-projects.visible .project-card:nth-child(2){animation-delay:.6s}.featured-projects.visible .project-card:nth-child(3){animation-delay:.7s}.featured-projects.visible .project-card:nth-child(4){animation-delay:.8s}@keyframes slideInCardUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:none}}.project-card:hover{transform:translateY(-4px);border-color:#0ff;box-shadow:0 0 30px #0ff6,0 0 60px #0ff3}.project-image-placeholder{width:100%;aspect-ratio:3 / 2;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);position:relative;overflow:hidden}.project-image-placeholder img{width:100%;height:100%;object-fit:contain;display:block}.project-card:nth-child(3) .project-image-placeholder img{object-fit:cover;object-position:50% 5%}.project-label{position:absolute;bottom:24px;left:24px;color:#fff;font-family:Helvetica,sans-serif;font-size:16px;font-weight:400;background-color:#000000d9;padding:8px 16px;border-radius:4px}.project-hover-overlay{position:absolute;inset:0;background:#000000eb;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:0;transition:opacity .3s ease;pointer-events:none}.project-card:hover .project-hover-overlay{opacity:1}.project-title{font-family:Helvetica,sans-serif;font-size:1.25rem;font-weight:600;color:#0ff;margin:0 0 1rem;line-height:1.3}.project-description{font-family:Helvetica,sans-serif;font-size:.9rem;line-height:1.6;color:#fff;margin:0 0 1rem}.project-expertise{font-family:Helvetica,sans-serif;font-size:.75rem;line-height:1.5;color:#0ff;margin:0;font-weight:500;letter-spacing:.5px}.explore-button{background-color:#0ff;color:#000;border:none;padding:16px 40px;font-family:Helvetica,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.explore-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}@media(max-width:1024px){.featured-projects{padding:80px 40px 60px}.featured-tag{right:40px}.featured-title{font-size:44px}.projects-grid{gap:24px}.project-image-placeholder{height:320px}}@media(max-width:768px){.featured-projects{padding:60px 20px 40px}.featured-tag{position:static;margin-bottom:20px}.featured-title{font-size:36px;margin-bottom:30px}.filter-tabs{flex-wrap:wrap;justify-content:center;margin-bottom:40px}.projects-grid{grid-template-columns:1fr;gap:20px}.project-image-placeholder{height:280px}.explore-button{width:100%;max-width:300px}}.client-testimonials{width:100%;height:100vh;background-color:#000;padding:60px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.testimonials-tag{background-color:#0ff;color:#000;padding:8px 20px;font-family:Helvetica,sans-serif;font-size:13px;font-weight:500;margin-bottom:30px}.testimonials-title{font-family:Helvetica,sans-serif;font-size:56px;font-weight:400;color:#fff;margin:0 0 80px;text-align:center}.testimonials-title em{font-style:italic;font-weight:400}.testimonials-slider{width:100%;overflow-x:auto;overflow-y:hidden;padding:20px 0 40px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.testimonials-slider::-webkit-scrollbar{display:none}.testimonials-track{display:flex;gap:30px;padding:0 60px;width:max-content;animation:scroll-testimonials 40s linear infinite}.testimonials-track:hover{animation-play-state:paused}@keyframes scroll-testimonials{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-card{background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:0;padding:40px;width:450px;min-width:450px;display:flex;flex-direction:column;gap:24px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-4px);border-color:#0ff;box-shadow:0 0 30px #0ff6,0 0 60px #0ff3}.platform-icons{display:flex;align-items:center;gap:12px}.platform-icon{width:40px;height:40px;background-color:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.platform-icon svg{width:18px;height:18px}.testimonial-text{font-family:Helvetica,sans-serif;font-size:16px;line-height:1.8;color:#ccc;margin:0;font-weight:300;flex-grow:1}.testimonial-author{display:flex;align-items:center;gap:16px;margin-top:auto}.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #00FFFF}.avatar-initials{font-family:Helvetica,sans-serif;font-size:16px;font-weight:600;color:#0ff;letter-spacing:.5px}.author-info{display:flex;flex-direction:column;gap:4px}.author-name{font-family:Helvetica,sans-serif;font-size:16px;font-weight:500;color:#fff}.author-position{font-family:Helvetica,sans-serif;font-size:13px;font-weight:300;color:#888}@media(max-width:1024px){.client-testimonials{padding:60px 0}.testimonials-title{font-size:44px;margin-bottom:60px}.testimonials-track{padding:0 40px}.testimonial-card{width:380px;min-width:380px;padding:32px}}@media(max-width:768px){.client-testimonials{padding:40px 0}.testimonials-title{font-size:36px;margin-bottom:40px}.testimonials-track{padding:0 20px;gap:20px}.testimonial-card{width:320px;min-width:320px;padding:24px}.testimonial-text{font-size:14px}}.contact-form-section{width:100%;min-height:100vh;background-color:#000;padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.contact-tag{background-color:#1a1a1a;color:#fff;padding:8px 20px;font-family:Helvetica,sans-serif;font-size:13px;font-weight:400;margin-bottom:30px}.contact-title{font-family:Helvetica,sans-serif;font-size:56px;font-weight:400;color:#fff;margin:0 0 60px;text-align:center}.contact-title em{font-style:italic;font-weight:400}.contact-form{width:100%;max-width:720px;display:flex;flex-direction:column;gap:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{font-family:Helvetica,sans-serif;font-size:14px;font-weight:400;color:#fff}.form-group input,.form-group textarea{background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:0;padding:16px 20px;font-family:Helvetica,sans-serif;font-size:14px;color:#fff;transition:border-color .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2a2a2a}.form-group textarea{resize:vertical;min-height:150px}.button-group{display:flex;gap:12px;flex-wrap:wrap}.option-button{background-color:#1a1a1a;border:1px solid #1a1a1a;border-radius:0;padding:12px 24px;font-family:Helvetica,sans-serif;font-size:14px;font-weight:400;color:#fff;cursor:pointer;transition:all .3s ease}.option-button:hover{background-color:#2a2a2a;border-color:#2a2a2a}.option-button.active{background-color:#fff;color:#000;border-color:#fff}.submit-button{background-color:#0ff;color:#000;border:none;border-radius:0;padding:16px 40px;font-family:Helvetica,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:center;margin-top:20px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}@media(max-width:1024px){.contact-form-section{padding:60px 40px}.contact-title{font-size:44px}.contact-form{max-width:600px}}@media(max-width:768px){.contact-form-section{padding:40px 20px}.contact-title{font-size:36px;margin-bottom:40px}.contact-form{max-width:100%}.form-row{grid-template-columns:1fr;gap:16px}.button-group{gap:8px}.option-button{font-size:13px;padding:10px 18px}.submit-button{width:100%}}.footer{width:100%;background-color:#000;color:#fff;border-top:1px solid #1a1a1a}.footer-content{max-width:1400px;margin:0 auto;padding:4rem 3rem;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-family:Helvetica,sans-serif;font-size:1.25rem;font-weight:500;color:#fff}.footer-logo svg{color:#0ff}.footer-description{font-family:Helvetica,sans-serif;font-size:.9rem;line-height:1.6;color:#ccc;margin:0;max-width:400px}.footer-locations{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.footer-location{display:flex;flex-direction:column;gap:.25rem;font-family:Helvetica,sans-serif;font-size:.85rem}.footer-location strong{color:#888;font-weight:500}.footer-location span{color:#ccc}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-heading{font-family:Helvetica,sans-serif;font-size:1rem;font-weight:500;color:#fff;margin:0;margin-bottom:.5rem}.footer-nav{display:flex;flex-direction:column;gap:.75rem}.footer-nav a{font-family:Helvetica,sans-serif;font-size:.9rem;color:#ccc;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:.5rem}.footer-nav a:hover{color:#0ff}.footer-icon{font-size:1rem}.footer-social-column{align-items:flex-start}.footer-social{display:flex;gap:1rem;margin-top:.5rem}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;border:1px solid #2a2a2a;color:#fff;transition:all .3s ease}.footer-social a:hover{background-color:#0ff;border-color:#0ff;color:#000;transform:translateY(-2px)}.footer-social svg{width:20px;height:20px}.footer-bottom{border-top:1px solid #1a1a1a;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.footer-copyright,.footer-legal{font-family:Helvetica,sans-serif;font-size:.85rem;color:#888;margin:0}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;padding:3rem 2rem;gap:2rem}.footer-brand{grid-column:1 / -1}.footer-bottom{padding:2rem}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;padding:2rem 1.5rem}.footer-brand{grid-column:1}.footer-social-column{align-items:flex-start}.footer-bottom{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}}.sticky-header{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#111;color:#fff;z-index:1000;display:flex;align-items:center;box-shadow:0 4px 20px #00000080;transform:translateY(-100%);opacity:0;transition:transform .4s ease,opacity .4s ease;pointer-events:none}.sticky-header.is-visible{transform:translateY(0);opacity:1;pointer-events:auto;transition-delay:.2s}.header-container{width:100%;max-width:1400px;margin:0 auto;padding:0 60px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:24px}.header-logo{display:flex;align-items:center;gap:10px;font-family:Helvetica,sans-serif;font-weight:700;font-size:18px;letter-spacing:1px}.header-logo img{filter:brightness(0) invert(1)}.brand-name{color:#fff}.header-slogan{font-family:Helvetica,sans-serif;font-style:italic;font-weight:300;font-size:16px;color:#888}.reach-out-link{font-family:Manrope,sans-serif;font-weight:600;font-size:14px;color:#0ff;text-decoration:none;border:1px solid #00ffff;padding:10px 20px;transition:all .3s ease}.reach-out-link:hover{background-color:#0ff;color:#000}@media(max-width:768px){.header-container{padding:0 20px}.header-slogan{display:none}}:root{--v1-bg: #000000;--v1-sidebar: #000000;--v1-accent: var(--primary, #00e5ff);--v1-text: var(--textBody, #e2e8f0);--v1-text-dim: #94a3b8;--v1-border: rgba(255, 255, 255, .1);--v1-card-bg: rgba(255, 255, 255, .01)}.v1-logo h2{margin:0;font-size:1.5rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.v1-logo span{font-size:.7rem;color:var(--v1-accent);text-transform:uppercase;letter-spacing:2px;display:block;margin-top:4px}.v1-nav{margin-top:3rem;flex:1}.v1-nav-label{font-size:.7rem;text-transform:uppercase;color:var(--v1-text-dim);margin-bottom:1.5rem;font-weight:700;letter-spacing:1px;border-bottom:1px solid var(--v1-border);padding-bottom:.5rem}.v1-nav-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.8rem 1rem;margin-bottom:.2rem;color:var(--v1-text-dim);cursor:pointer;position:relative;font-size:.9rem;transition:all .2s;border-radius:0;border-left:2px solid transparent}.v1-nav-item:hover{color:#fff;background:#ffffff05}.v1-nav-item.active{color:var(--v1-accent);background:#00e5ff0d;border-left:2px solid var(--v1-accent);font-weight:600}.v1-nav-indicator{display:none}.v1-nav-separator{height:1px;background:var(--v1-border);margin:1.5rem 0;width:100%}.v1-back-btn{display:block;width:100%;padding:.8rem 1.8rem;background:#00f0ff;color:#000;text-decoration:none;text-align:center;border-radius:0;font-weight:700;border:none;transition:all .2s ease;position:relative;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.v1-back-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}.v1-switch-link{color:var(--v1-accent);text-decoration:none;margin-top:.5rem;display:block}.v1-header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--v1-border);padding-bottom:1rem}.v1-header h1{font-size:2.5rem;margin:0;font-weight:300;color:#fff;text-transform:uppercase}.v1-count{color:var(--v1-accent);font-family:monospace;font-size:.9rem}.v1-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.v1-card{background:var(--v1-card-bg);border:1px solid var(--v1-border);border-radius:0;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;position:relative}.v1-card:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:2px solid var(--v1-accent);border-left:2px solid var(--v1-accent);opacity:0;transition:opacity .2s}.v1-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080;border-color:#fff3}.v1-card:hover:before{opacity:1}.v1-card-image{height:200px;position:relative;overflow:hidden}.v1-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.v1-card:hover .v1-card-image img{transform:scale(1.05)}.v1-card-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,backdrop-filter .2s}.v1-card:hover .v1-card-overlay{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.v1-view-btn{background:var(--v1-accent);color:#000;border:none;padding:.8rem 1.8rem;border-radius:0;font-weight:700;cursor:pointer;transform:translateY(10px);transition:transform .2s;text-decoration:none;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.v1-view-btn:hover{background:#fff;transform:translateY(0) scale(1.05)}.v1-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.v1-tags{margin-bottom:.8rem}.v1-cat-tag{font-size:.7rem;text-transform:uppercase;color:var(--v1-accent);font-weight:700;letter-spacing:1px}.v1-card h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#fff}.v1-card p{color:var(--v1-text-dim);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;flex:1}.v1-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.v1-tech-pill{background:#ffffff0d;padding:.3rem .6rem;border-radius:0;font-size:.7rem;color:var(--v1-text-dim);border:1px solid rgba(255,255,255,.1);font-family:monospace}@media(max-width:768px){.v1-sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--v1-border)}.v1-main{margin-left:0;padding:1.5rem}.v1-nav{display:flex;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}.v1-nav-item{width:auto;white-space:nowrap;border-left:none;border-bottom:2px solid transparent}.v1-nav-item.active{border-left:none;border-bottom:2px solid var(--v1-accent)}}:root{--v1-bg: #000000;--v1-sidebar: #000000;--v1-accent: #00e5ff;--v1-text: #e2e8f0;--v1-text-dim: #94a3b8;--v1-border: rgba(255, 255, 255, .1);--v1-card-bg: rgba(255, 255, 255, .01)}body{margin:0;background-color:var(--v1-bg);color:var(--v1-text);font-family:Helvetica,Arial,sans-serif}#root:has(.v1-container){height:auto;min-height:100vh;overflow-y:auto}.v1-container{display:flex;min-height:100vh}.v1-sidebar{width:280px;background:var(--v1-sidebar);border-right:1px solid var(--v1-border);padding:2rem;position:fixed;height:100vh;display:flex;flex-direction:column}.v1-logo h2{margin:0;font-size:1.5rem;color:#fff}.v1-logo span{font-size:.8rem;color:var(--v1-text-dim);text-transform:uppercase;letter-spacing:1px}.v1-nav{margin-top:3rem}.v1-nav-item{color:var(--v1-text-dim);text-decoration:none;font-size:.9rem;display:block;padding:.5rem 0;transition:color .2s}.v1-nav-item:hover{color:#fff}.v1-main{flex:1;margin-left:280px;padding:3rem 4rem}.v1-breadcrumbs{font-size:.85rem;color:var(--v1-text-dim);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px}.v1-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;border-bottom:1px solid var(--v1-border);padding-bottom:2rem}.v1-detail-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:300}.v1-meta-row{display:flex;gap:1rem;align-items:center}.v1-status-badge{background:#00e5ff26;color:var(--v1-accent);padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600;border:1px solid rgba(0,229,255,.3)}.v1-date{color:var(--v1-text-dim);font-size:.9rem}.v1-primary-btn{background:var(--v1-accent);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer}.v1-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.v1-hero-image{width:100%;border-radius:12px;border:1px solid var(--v1-border);margin-bottom:2.5rem}.v1-section{margin-bottom:3rem}.v1-section h2{font-size:1.25rem;margin-bottom:1rem;color:#fff;border-left:3px solid var(--v1-accent);padding-left:1rem}.v1-text-body{line-height:1.7;color:var(--v1-text-dim);margin-bottom:1rem}.v1-challenge-list{list-style:none;padding:0}.v1-challenge-list li{background:var(--v1-card-bg);padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid var(--v1-border);line-height:1.5}.v1-challenge-list strong{color:#fff;display:block;margin-bottom:.25rem}.v1-panel{background:var(--v1-card-bg);border:1px solid var(--v1-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.v1-panel h3{margin:0 0 1rem;font-size:1rem;text-transform:uppercase;color:var(--v1-text-dim);letter-spacing:1px}.v1-tech-row{padding:.5rem 0;border-bottom:1px solid var(--v1-border);color:var(--v1-text);font-size:.95rem}.v1-tech-row:last-child{border-bottom:none}.v1-check{color:var(--v1-accent);margin-right:8px}.v1-stat{display:flex;flex-direction:column;margin-bottom:1rem}.v1-stat-val{font-size:2rem;font-weight:700;color:#fff}.v1-stat-label{font-size:.8rem;color:var(--v1-text-dim)}@media(max-width:1000px){.v1-detail-grid{grid-template-columns:1fr}.v1-main{margin-left:0;padding:2rem}.v1-sidebar{display:none}}