@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Sacramento&display=swap);.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#251430f2;border-bottom:1px solid #b3dfe733;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar{justify-content:space-evenly;margin:0 auto;max-width:1400px;padding:1rem 2rem;position:relative}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand a{color:#fff;font-size:1.5rem;text-decoration:none;transition:opacity .3s ease}.navbar-brand a:hover{opacity:.8}.navbar-brand img{height:60px;transition:transform .3s ease;width:auto}.navbar-brand img:hover{transform:scale(1.05)}.navbar-links{align-items:center;display:flex;gap:2rem}.navbar-links a{color:#fff;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.navbar-links a:after{background:#b3dfe7;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links a:hover:after{width:100%}.navbar-links a:hover{color:#b3dfe7}.navbar-socials{align-items:center;display:flex;gap:1rem;margin-left:2rem}.navbar-socials a{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;justify-content:space-around;padding:.5rem;transition:all .3s ease}.navbar-socials a:hover{background:#b3dfe71a;color:#b3dfe7;transform:translateY(-2px)}.mobile-menu-toggle{cursor:pointer;display:none;flex-direction:column;padding:.5rem}.mobile-menu-toggle span{background:#fff;height:3px;margin:3px 0;transition:.3s;width:25px}@media (min-width:1200px){.navbar{padding:1.5rem 3rem}.navbar-links a{font-size:1.1rem}.navbar-socials a{font-size:1.3rem}}@media (max-width:1199px) and (min-width:768px){.navbar{margin:0 auto;padding:1rem 1.5rem}.navbar-links{gap:1.5rem}.navbar-links a{font-size:.95rem}.navbar-socials{margin-left:1.5rem}.navbar-socials a{font-size:1.1rem}}@media (max-width:767px){.navbar{flex-wrap:wrap;margin:0 auto;padding:1rem}.navbar-brand img{height:50px}.navbar-links{gap:1rem;justify-content:center;margin-top:1rem;order:3;width:100%}.navbar-links a{font-size:.9rem}.navbar-socials{margin-left:auto;margin-top:0}.navbar-socials a{font-size:1rem}}@media (max-width:479px){.navbar{padding:.75rem}.navbar-brand img{height:45px}.navbar-links{gap:.75rem}.navbar-links a{font-size:.8rem}.navbar-socials{gap:.75rem}.navbar-socials a{font-size:.9rem;padding:.1rem}}@media (max-width:359px){.navbar{padding:.5rem}.navbar-brand img{height:40px}.navbar-links{gap:.5rem}.navbar-links a{font-size:.75rem}.navbar-socials a{font-size:.8rem;padding:.3rem}}.header+*{margin-top:80px}@media (prefers-color-scheme:dark){.header{background:#18192bf2}}@media (prefers-contrast:high){.navbar-links a:after{height:3px}.navbar-socials a:hover{background:#b3dfe733}}.analytics{color:#fff;font-family:monospace;padding:60px 20px;text-align:center}.analytics h2{color:#fff;font-size:2.5rem;margin-bottom:50px}.analytics-cards{cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-around}.card{background-color:#262b3e;border-radius:12px;box-shadow:0 4px 10px #00000080;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="lightblue" stroke-width="2" fill="transparent"/><circle cx="12" cy="12" r="10" stroke="lightblue" stroke-width="1" fill="transparent" opacity="0.5"/></svg>'),auto;margin:20px;padding:30px;transition:transform .4s ease;width:300px}.card:hover{transform:translateY(-10px)}.card h3{color:#fff;font-size:1.5rem;margin-bottom:20px}.number{color:#b3dfe7;font-size:3rem;font-weight:700}body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="lightblue" stroke-width="2" fill="transparent"/><circle cx="12" cy="12" r="10" stroke="lightblue" stroke-width="1" fill="transparent" opacity="0.5"/></svg>'),auto;font-family:"sans-serif"}a{color:inherit;text-decoration:none}*{box-sizing:border-box}button{font-family:monospace}.reach-out-section{margin-top:10%;padding:50px 20px}.reach-out-container{align-items:center;display:flex;font-family:monospace;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.collage-container{display:flex;gap:20px;position:relative;width:50%}.collage-image{border-radius:10px;object-fit:cover}.image1{height:300px;width:200px;z-index:3}.image2{height:400px;margin-top:-100px;width:250px;z-index:2}.image3{height:200px;margin-top:-50px;width:150px;z-index:1}.reach-out-text{color:#fff;display:flex;flex-direction:column;justify-content:start;width:50%}.reach-out-title{color:#fff;font-size:2.5rem;margin-bottom:10px;text-align:left}.reach-out-description{color:#fff;font-size:1.2rem;line-height:1.6;margin-bottom:20px;text-align:left}.reach-out-button{background-color:#fff;border-radius:0;color:#000;cursor:pointer;font-size:1rem;justify-content:start;margin-top:5%;max-width:20vw;padding:15px 20px}.reach-out-button:hover{background-color:initial;border-color:#fff;color:#fff}@media (max-width:768px){.reach-out-container{flex-direction:column;text-align:center}.image-collage{display:none}.reach-out-text{width:100%}.reach-out-description,.reach-out-title{text-align:center}.reach-out-button{max-width:100%}}@media (max-width:350px){.reach-out-description,.reach-out-title{text-align:left}}.contact-container{margin:0 auto;padding:2rem;width:100%}h1{color:#fff;font-family:monospace;font-size:2rem;margin-bottom:1rem}.contact-h{line-height:1.6;margin-bottom:3em}p{color:#fff;font-size:1rem;margin-bottom:2rem}.contact-form{flex-direction:column}.contact-form,.contact-row{display:flex;gap:1.5rem}.contact-field{display:flex;flex:1 1;flex-direction:column}.contact-field .top{width:40vw}.contact-field .bottom{width:82vw}.message{height:40vh}label{color:#fff;font-family:monospace;font-size:1rem;margin-bottom:.5rem;text-align:start}input,textarea{border:1px solid #000;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease-in-out}input:focus,textarea:focus{border-color:#007bff;outline:none}textarea{height:150px;resize:vertical}.btn{background-color:#000;color:#fff;cursor:pointer;font-family:monospace;padding:.75rem 1.5rem;transition:background-color .3s ease,border-color .3s ease}.btn:hover{background-color:#fff;border-color:#000;border-width:3px;color:#000}.form-status{color:#28a745;font-size:1rem;margin-top:1rem}.contact-container .btn{margin-left:0}@media (max-width:1200px){.contact-container{padding:1.5rem}h1{font-size:1.75rem}}@media (max-width:992px){.contact-container{padding:1rem}h1{font-size:1.5rem}@media (max-width:768px){.contact-container{margin-top:10%;padding:.5rem}h1{font-size:1.25rem}.btn{font-size:.875rem;padding:.5rem 1rem}}}@media (max-width:350px){.contact-h{font-size:.8rem;text-align:left}}body{background:linear-gradient(180deg,#251430,#243b55,#3d444b);color:#fff;font-family:monospace;margin:0;padding:0}.home-container{margin:0 auto;max-width:1200px;padding:20px;position:relative}.hero-container{align-items:center;display:flex;height:400px;justify-content:center;overflow:hidden}.hero-text{animation:slide-up 2s ease-out forwards;color:#fff;font-family:monospace;font-size:4rem;font-weight:700;letter-spacing:6px;text-transform:uppercase;transform:translateY(100%)}.typewriter-bold{color:#fff;font-size:1.8em}.typewriter-green{color:#b3dfe7;font-size:1.5em}.hero-content p{font-size:1.5em}.about,.community,.contact,.services{align-items:center;display:flex;flex-direction:column;padding:60px 20px;text-align:center}.services{color:#fff;opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.services.slide-up{opacity:1;transform:translateY(0)}.about h2,.community h2,.contact h2{font-family:monospace;font-size:2.5em;margin-bottom:20px}.about p,.services p{color:#fff;font-size:1.2rem;line-height:1.6;margin-bottom:20px;max-width:800px}.services ul{list-style:none;padding:0}.services li{font-size:1.2em;margin:10px 0}.community-item{margin:30px 0}.community-item h3{font-size:2em;margin-bottom:10px}.contact form{align-items:center;display:flex;flex-direction:column}.contact label{font-size:1.2em;margin:10px 0}.contact input,.contact textarea{margin-top:5px;padding:10px;width:80%}.contact button{margin-top:20px}.btn{background-color:#fff;border:2px solid #000;color:#000;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="lightblue" stroke-width="2" fill="transparent"/><circle cx="12" cy="12" r="10" stroke="lightblue" stroke-width="1" fill="transparent" opacity="0.5"/></svg>'),auto;display:inline-block;font-size:1rem;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:initial;border-color:#fff;color:#fff}.about-info .btn{margin-left:0}@media (max-width:1024px){.hero-text{font-size:3.2rem}.scroll-line{left:0}.typewriter-bold{font-size:1.5em}.typewriter-green{font-size:1.1em}}@media (max-width:768px){.hero-text{font-size:2.2rem}.scroll-line{left:-20%}.typewriter-bold{font-size:1.2em}.typewriter-green{font-size:1em}.about h2{font-size:2rem}.about p{font-size:1rem}.about .btn{font-size:.9rem;padding:8px 16px}}@media (max-width:480px){.about h2{font-size:1.5rem}.about p{font-size:.9rem}.about .btn{font-size:.8rem;padding:6px 12px}}@media (max-width:500px) and (min-width:300px){.hero-text{font-size:1.8rem;letter-spacing:3px}.typewriter-bold{font-size:1.5em}.typewriter-green{font-size:1.3em}.about h2{font-size:1.2rem;margin-bottom:15px}.about p{font-size:.8rem}.about .btn{font-size:.7rem;padding:5px 10px}.scroll-line{left:0;width:80%}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.about-us,.services{margin-top:40px;text-align:center}.about-us h2,.services h3{font-size:36px;margin-bottom:20px}.about-us p,.services p{font-size:18px;margin-bottom:20px}.details-button,.services-button{background-color:#fff;border:none;border-radius:50px;color:#000;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.details-button:hover,.services-button:hover{background-color:#ccc}.service-item{background-color:#2e2e2e;border-radius:20px;margin:20px;padding:20px}.scroll-line{display:flex;margin-left:auto;margin-right:auto}.about-intro{align-items:center;border-radius:10px;color:#fff;display:flex;flex-direction:row;justify-content:center;padding:20px;text-align:center}.about-intro img{border-radius:10px;box-shadow:0 4px 8px #0000004d;height:auto;margin-bottom:20px;width:40%}.about-intro-text{padding:20px;width:60%}.moving-bar{border-radius:10px;font-family:Roboto,sans-serif;font-size:16px;margin-top:20px;overflow:hidden;padding:10px;position:relative;white-space:nowrap;width:100%}.moving-bar,.moving-bar:before{background:#b3dfe7;color:#1e2029}.moving-bar:before{align-items:center;animation:moveBar 10s linear infinite;box-sizing:border-box;content:"Innovating the digital future for you... Innovating the digital future for you...";display:flex;height:100%;left:0;position:absolute;top:0;width:200%}@keyframes moveBar{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.about-intro h1{color:#b3dfe7;font-family:monospace;font-size:2.5rem;line-height:1.6;margin-bottom:10px}.about-intro p{color:#fff;font-family:monospace;font-size:18px}.about-text-container{background-color:#00000080;border-radius:20px;box-shadow:0 4px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;padding:1rem;position:relative}.about-h1{color:#b3dfe7;font-family:monospace;font-size:3rem;margin-left:-60%;margin-top:10%;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.about-h1.animate{opacity:1;transform:translateY(0)}.about-container{align-items:center;display:flex;flex-direction:column;padding:1rem}.about-main-content{display:flex;flex-direction:row;margin-top:10%;width:100vw}.about-image-container{border-radius:8px;border-radius:20px;flex:1 1;margin-left:1rem;margin-right:1rem;overflow:hidden}.about-main-image{border-radius:20px;height:auto;object-fit:cover;width:100%}.about-text-container h1{color:#fff}.about-details{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.about-options{border-top:1px solid #968e99;display:flex;flex-direction:column;font-family:monospace;margin-top:auto;padding-top:1rem;text-align:left}.about-option{border-bottom:1px solid #ccc;cursor:pointer;padding:1rem;position:relative;transition:color .3s ease,transform .3s ease}.about-option:hover{color:#333;transform:scale(1.05)}.about-option h2{color:#fff;font-size:1.25rem;margin:0}.about-details p{color:#fff;font-size:1.2em;line-height:1.8;text-align:left}.about-text-container .about-details{background-color:#00000080;border-radius:20px;left:0;padding:1rem;position:absolute;right:0;top:0}.about-option:hover~.about-text-container .about-details{opacity:1;transform:translateY(0)}@media (max-width:1200px){.about-intro-text{padding-left:10%;text-align:left}.about-details p{font-size:1.06em;line-height:1.4}.about-options{margin-top:70%}}@media (max-width:968px){.about-options{margin-top:80%}}@media (max-width:768px){.about-intro{flex-direction:column}.about-intro img{margin-bottom:10px;width:100%}.about-intro-text{font-size:.8rem;padding:10px;text-align:left;width:110%}.moving-bar{font-size:14px}.about-h1{font-size:2.2rem;margin-left:0}.about-main-content{flex-direction:column;margin-top:5%}.about-options{margin-top:70%}.about-text-container h1{font-size:1.5rem}.about-details p{font-size:1.1rem;line-height:1.6}.about-text-container{background-color:#00000080;border-radius:20px;height:100vh;left:0;margin-top:10%;padding:1rem;position:relative;right:0}.about-details{height:35vh;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}}@media (max-width:700px){.about-options{margin-top:80%}}@media (max-width:500px) and (min-width:300px){.about-intro{flex-direction:column}.about-intro img{margin-bottom:10px;width:100%}.about-intro-text{font-size:.8rem;padding:10px;text-align:left;width:110%}.moving-bar{font-size:14px}.about-h1{font-size:2.2rem;margin-left:0}.about-main-content{flex-direction:column;margin-top:5%}.about-options{margin-top:80%}.about-details p{font-size:.7rem;line-height:1.6}.about-text-container{background-color:#00000080;border-radius:20px;height:100vh;left:0;margin-top:10%;padding:1rem;position:relative;right:0}.about-details{height:35vh;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}}@media (max-width:860px){.about-options{margin-top:90%}.about-details p{font-size:.8rem;line-height:1.6}}@media (max-width:820px){.about-options{margin-top:80%}.about-details p{font-size:.7rem;line-height:1.6}}@media (max-width:550px) and (min-width:410px){.about-options{margin-top:90%}.about-details p{font-size:.7rem;line-height:1.6}}@media (max-width:350px){.about-options{margin-top:90%}.about-details p{font-size:.6rem;line-height:1.6}}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;padding-right:2rem;position:relative}.dropdown-icon{pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}select{border:1px solid #ccc;color:#333;font-family:monospace;font-size:1.2rem;padding:10px;width:100%}.services-page{background-repeat:no-repeat;background-size:cover}.services-container{padding:2rem;text-align:center}.services-content{box-sizing:border-box}.services-container h1{color:#b3dfe7;display:flex;font-family:monospace;font-size:3.5rem;margin-bottom:1rem;padding-top:10%;text-align:left}.service-section{margin-top:20%}.services-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;margin:8% 0 2rem;padding-bottom:5%}.service-card{animation:float 2s ease-in-out infinite;background:linear-gradient(90deg,#0c162d,#c8c0d0);border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:10%;padding:1rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:30vw}.service-card:hover{animation-play-state:paused;box-shadow:0 8px 16px #0003;cursor:pointer;transform:scale(1.1)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.service-card h2{color:#7cfbf5;font-family:monospace;font-size:1.8rem;margin-bottom:3rem;text-align:center}.faq-dropdowns details{margin-bottom:1rem}.faq-dropdowns summary{color:#b1eeeb;cursor:pointer;font-weight:700}.faq-dropdowns p{color:#fff;line-height:1.3;margin-top:.5rem}.slider-section{margin-top:0}.slider-section h2{font-family:monospace;font-size:2rem;margin-bottom:1rem}details{background-color:initial;border-bottom:1px solid #333;color:#000;cursor:pointer;font-family:monospace;line-height:2.8;margin-bottom:10px;padding:10px;position:relative;text-align:left}summary{align-items:center;border:none;cursor:pointer;display:flex;font-size:1.2rem;justify-content:space-between;list-style:none;padding:0}details summary::-webkit-details-marker{display:none}details summary::-moz-details-marker{display:none}details summary::-ms-expand{display:none}.dropdown-icon{font-size:1.5rem;margin-left:10px;transition:transform .3s ease}details[open] .dropdown-icon{transform:rotate(180deg)}@media (max-width:1200px){.service-card{width:40vw}}@media (max-width:900px){.service-card{width:50vw}}@media (max-width:600px){.services-container h1{font-size:2.5rem}.service-card{margin:.5rem;width:80vw}.services-cards{align-items:center;flex-direction:column}}:root{--deep-purple:#251430;--navy:#243b55;--dark:#18192b;--accent-blue:#b3dfe7;--white:#fff;--main-radius:18px;--main-shadow:0 4px 24px 0 #243b55cc;--main-font:"Poppins","Segoe UI",Arial,sans-serif;--mono-font:"Fira Mono","Menlo",monospace;--card-bg:linear-gradient(120deg,#251430 60%,#243b55);--card-bg-light:linear-gradient(120deg,#243b55 60%,#18192b);--cta-bg:linear-gradient(120deg,#243b55 60%,#18192b);--icon-glow:0 0 16px 4px var(--accent-blue)}.codelab-root{background:linear-gradient(180deg,#251430,#243b55,#18192b);color:#fff;color:var(--white);font-family:Poppins,Segoe UI,Arial,sans-serif;font-family:var(--main-font);min-height:100vh;padding-top:80px}.codelab-hero{align-items:center;background:#0000;display:flex;justify-content:center;min-height:300px;overflow:hidden;padding-top:20px;position:relative}.codelab-hero-bg{display:none}.codelab-hero-content{padding:64px 16px 48px;position:relative;text-align:center;z-index:1}.codelab-hero-logo{animation:codelab-logo-float 3s ease-in-out infinite alternate;background:#243b55;background:var(--navy);border:4px solid #b3dfe7;border:4px solid var(--accent-blue);border-radius:50%;box-shadow:0 0 32px 0 #b3dfe7,0 2px 12px 0 #243b5555;box-shadow:0 0 32px 0 var(--accent-blue),0 2px 12px 0 #243b5555;display:block;height:120px;margin:0 auto 24px;object-fit:cover;width:120px}@keyframes codelab-logo-float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.codelab-hero-heading{color:#b3dfe7;color:var(--accent-blue);font-size:2.5rem;font-weight:700;letter-spacing:.5px;margin-bottom:16px}.magazine-highlight{background:#b3dfe7;background:var(--accent-blue);border-radius:8px;box-shadow:0 0 8px #b3dfe7;box-shadow:0 0 8px var(--accent-blue);color:#18192b;color:var(--dark);font-weight:700;padding:0 8px}.codelab-hero-sub{color:#fff;color:var(--white);font-family:Fira Mono,Menlo,monospace;font-family:var(--mono-font);font-size:1.2rem;margin:0 auto;max-width:540px}.magazine-byline{color:#b3dfe7;color:var(--accent-blue);font-size:1rem;margin-bottom:18px;margin-top:8px}.magazine-author{color:#fff;color:var(--white);font-weight:600}.codelab-cards-section{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:48px 0 32px}.codelab-card{align-items:flex-start;animation:codelab-fadein-up .7s cubic-bezier(.4,2,.6,1) both;background:linear-gradient(120deg,#251430 60%,#243b55);background:var(--card-bg);border-radius:18px;border-radius:var(--main-radius);box-shadow:0 4px 24px 0 #243b55cc;box-shadow:var(--main-shadow);cursor:pointer;display:flex;flex:1 1 260px;flex-direction:column;max-width:340px;min-width:260px;padding:32px 28px 28px;transition:box-shadow .2s,transform .2s;will-change:transform}.codelab-card:hover{box-shadow:0 8px 32px 0 #b3dfe7;box-shadow:0 8px 32px 0 var(--accent-blue);transform:translateY(-6px) scale(1.03)}.codelab-card-title{align-items:center;color:#b3dfe7;color:var(--accent-blue);display:flex;font-size:1.3rem;font-weight:600;gap:16px;margin-bottom:10px}.codelab-card-number{color:#b3dfe7;color:var(--accent-blue);filter:brightness(1.2);font-family:Fira Mono,Menlo,monospace;font-family:var(--mono-font);font-size:2.2rem;font-weight:700;letter-spacing:.05em;margin-right:18px;text-shadow:0 0 12px #b3dfe7,0 0 24px #b3dfe7;text-shadow:0 0 12px var(--accent-blue),0 0 24px var(--accent-blue);transition:text-shadow .2s,color .2s}.codelab-card:hover .codelab-card-number{color:#fff;color:var(--white);text-shadow:0 0 24px #b3dfe7,0 0 32px #b3dfe7;text-shadow:0 0 24px var(--accent-blue),0 0 32px var(--accent-blue)}.codelab-card-desc{color:#fff;color:var(--white);margin-bottom:0}.codelab-card-desc,.codelab-card-list{font-family:Fira Mono,Menlo,monospace;font-family:var(--mono-font);font-size:1.05rem}.codelab-card-list{color:#b3dfe7;color:var(--accent-blue);margin:0 0 0 1.2em;padding:0}.codelab-card-list li{margin-bottom:6px}@keyframes codelab-fadein-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.codelab-winners-section{margin:48px 0 32px}.codelab-centered-title,.codelab-section-title{align-items:center;color:#b3dfe7;color:var(--accent-blue);display:flex;font-size:1.4rem;font-weight:700;gap:16px;justify-content:center;letter-spacing:.5px;margin-bottom:18px;text-align:center}.codelab-centered-title .codelab-title-icon,.codelab-section-title .codelab-title-icon{align-items:center;background:#243b55;background:var(--navy);border:2px solid #b3dfe7;border:2px solid var(--accent-blue);border-radius:50%;box-shadow:0 0 16px 4px #b3dfe7;box-shadow:var(--icon-glow);color:#b3dfe7;color:var(--accent-blue);display:inline-flex;font-size:1.6em;height:2.5em;justify-content:center;margin-right:12px;position:relative;transition:transform .2s,box-shadow .2s;width:2.5em;z-index:2}.codelab-centered-title .codelab-title-icon:hover,.codelab-section-title .codelab-title-icon:hover{box-shadow:0 0 24px 6px #b3dfe7;box-shadow:0 0 24px 6px var(--accent-blue);transform:scale(1.15) rotate(-8deg)}.codelab-winners-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.codelab-winner-card{align-items:flex-start;background:linear-gradient(120deg,#243b55 60%,#18192b);background:var(--card-bg-light);border-radius:14px;box-shadow:0 4px 24px 0 #243b55cc;box-shadow:var(--main-shadow);display:flex;flex-direction:column;font-family:Fira Mono,Menlo,monospace;font-family:var(--mono-font);padding:18px 18px 14px;transition:box-shadow .2s,transform .2s}.codelab-winner-card:hover{box-shadow:0 8px 32px 0 #b3dfe7;box-shadow:0 8px 32px 0 var(--accent-blue);transform:translateY(-4px) scale(1.02)}.codelab-winner-name{color:#b3dfe7;color:var(--accent-blue);font-size:1.08rem;font-weight:600}.codelab-winner-challenge{color:#fff;color:var(--white);font-size:.98rem}.codelab-reviews-section{margin:48px 0 32px}.codelab-reviews-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.codelab-review-card{align-items:flex-start;background:linear-gradient(120deg,#243b55 60%,#18192b);border-radius:14px;box-shadow:0 4px 24px 0 #243b55cc;box-shadow:var(--main-shadow);display:flex;flex:1 1 220px;flex-direction:column;font-family:Fira Mono,Menlo,monospace;font-family:var(--mono-font);max-width:320px;min-width:220px;padding:22px 20px 18px;position:relative;transition:box-shadow .2s,transform .2s;will-change:transform}.codelab-review-card:hover{box-shadow:0 8px 32px 0 #b3dfe7;box-shadow:0 8px 32px 0 var(--accent-blue);transform:translateY(-6px) scale(1.03)}.codelab-review-quote{color:#fff;color:var(--white);font-size:1.05rem;margin-bottom:10px}.codelab-review-name{color:#b3dfe7;color:var(--accent-blue);font-size:1rem;font-weight:600}.codelab-review-stars{align-items:center;color:#b3dfe7;color:var(--accent-blue);display:flex;font-size:1.1rem;margin-top:4px}.codelab-star{margin-right:2px}.codelab-cta-section{display:flex;justify-content:center;margin:48px 0 32px}.magazine-cta-plain-text{margin:0 auto;max-width:600px;text-align:center}.codelab-cta-title,.magazine-cta-title{color:#b3dfe7;color:var(--accent-blue);font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-align:center}.codelab-cta-sub,.magazine-cta-sub{color:#fff;color:var(--white);font-family:Fira Mono,Menlo,monospace;font-family:var(--mono-font);font-size:1.08rem;margin-bottom:18px;text-align:center}.codelab-cta-btn,.magazine-cta-btn{background:#b3dfe7;background:var(--accent-blue);border-radius:8px;box-shadow:0 2px 12px 0 #243b5555;color:#18192b;color:var(--dark);display:inline-block;font-family:Poppins,Segoe UI,Arial,sans-serif;font-family:var(--main-font);font-size:1.08rem;font-weight:600;margin-top:10px;padding:12px 32px;text-decoration:none;transition:background .2s,color .2s,transform .2s}.codelab-cta-btn:hover,.magazine-cta-btn:hover{background:#fff;color:#18192b;color:var(--dark);transform:translateY(-2px) scale(1.04)}.codelab-editorial{margin:80px 0;padding:0 24px}.editorial-layout{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.editorial-main{padding-right:40px}.editorial-title{color:#fff;color:var(--white);font-family:Playfair Display,serif;font-size:3.5rem;font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.editorial-lead{color:#b3dfe7;color:var(--accent-blue);font-family:Georgia,serif;font-size:1.4rem;font-weight:300;line-height:1.6;margin-bottom:48px}.editorial-profiles{display:flex;flex-direction:column;gap:32px}.editorial-profile{border-bottom:1px solid #b3dfe733;padding:24px 0;position:relative}.profile-name{color:#fff;color:var(--white);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:400;margin-bottom:8px}.profile-achievement{color:#b3dfe7;color:var(--accent-blue);font-family:Fira Mono,Menlo,monospace;font-family:var(--mono-font);font-size:1.1rem;font-weight:300}.profile-accent{background:#b3dfe7;background:var(--accent-blue);border-radius:2px;height:40px;left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.editorial-sidebar{padding-top:40px}.sidebar-quote{margin-bottom:48px}.vogue-quote{color:#fff;color:var(--white);font-family:Georgia,serif;font-size:1.3rem;font-style:italic;line-height:1.6;margin-bottom:16px;position:relative}.vogue-quote:before{content:'"';font-family:Playfair Display,serif;font-size:4rem;left:-20px;position:absolute;top:-20px}.quote-author,.vogue-quote:before{color:#b3dfe7;color:var(--accent-blue)}.quote-author{font-size:1rem;font-weight:500}.sidebar-stats{background:#b3dfe70d;border:1px solid #b3dfe71a;border-radius:12px;padding:32px}.stats-title{color:#fff;color:var(--white);font-size:1.2rem;font-weight:500;letter-spacing:.1em;margin-bottom:24px;text-transform:uppercase}.stat-item{align-items:center;border-bottom:1px solid #b3dfe71a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.stat-number{color:#b3dfe7;color:var(--accent-blue);font-family:Fira Mono,Menlo,monospace;font-family:var(--mono-font);font-size:1.8rem;font-weight:600}.stat-label{color:#fff;color:var(--white);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.codelab-testimonials{margin:80px 0;padding:0 24px}.testimonials-title{color:#fff;color:var(--white);font-family:Playfair Display,serif;font-size:2.5rem;font-weight:300;letter-spacing:-.01em;margin-bottom:48px;text-align:center}.testimonials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{background:#b3dfe708;border:1px solid #b3dfe71a;border-radius:12px;padding:32px;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{box-shadow:0 20px 40px #b3dfe71a;transform:translateY(-8px)}.testimonial-content{position:relative}.testimonial-quote{color:#fff;color:var(--white);font-family:Georgia,serif;font-size:1.2rem;font-style:italic;line-height:1.6;margin-bottom:20px}.testimonial-meta{align-items:center;display:flex;justify-content:space-between}.testimonial-author{color:#b3dfe7;color:var(--accent-blue);font-size:1rem;font-weight:500}.testimonial-rating{color:#b3dfe7;color:var(--accent-blue);font-size:1.1rem}.codelab-cta{margin:80px 0;padding:80px 24px;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-headline{color:#fff;color:var(--white);font-family:Playfair Display,serif;font-size:3rem;font-weight:300;letter-spacing:-.02em;margin-bottom:24px}.cta-subtitle{font-family:Georgia,serif;font-size:1.3rem;font-weight:300;line-height:1.6;margin-bottom:40px}.cta-button,.cta-subtitle{color:#b3dfe7;color:var(--accent-blue)}.cta-button{background:#0000;border:2px solid #b3dfe7;border:2px solid var(--accent-blue);border-radius:8px;display:inline-block;font-size:1.1rem;font-weight:500;letter-spacing:.1em;padding:16px 40px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{background:#b3dfe7;background:var(--accent-blue);box-shadow:0 10px 20px #b3dfe733;color:#18192b;color:var(--dark);transform:translateY(-2px)}@media (max-width:900px){.codelab-root{padding-top:70px}.codelab-hero{min-height:280px;padding-top:10px}.codelab-cards-section{flex-direction:column;gap:18px}.codelab-card{max-width:98vw;min-width:0;width:100%}.codelab-winners-grid{grid-template-columns:1fr}.magazine-cta-plain-text{max-width:98vw;padding:18px 4vw}.editorial-layout{gap:40px;grid-template-columns:1fr}.editorial-main{padding-right:0}.editorial-title{font-size:2.5rem}.testimonials-grid{grid-template-columns:1fr}.cta-headline{font-size:2.2rem}}@media (max-width:480px){.codelab-root{padding-top:60px}.codelab-hero{min-height:250px;padding-top:5px}}.footer{background-color:initial;border-top:2px dashed #fff;color:#fff;padding:20px;text-align:center}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.footer-section{flex:1 1;margin:0 10px;min-width:200px}.footer-logo{max-width:150px}.footer-section h3{color:#fff;font-size:1.7em;line-height:1.4;margin-top:0}.footer-section p{color:#fff;line-height:1.6;margin:5px 0}.footer-section ul{list-style:none;padding:0}.footer-section ul a{padding-right:10px}.footer-section ul li{margin:5px 0}.footer-section ul li,.footer-section ul li a{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="lightblue" stroke-width="2" fill="transparent"/><circle cx="12" cy="12" r="10" stroke="lightblue" stroke-width="1" fill="transparent" opacity="0.5"/></svg>'),auto}.footer-section ul li a{color:#fff;font-size:1rem;line-height:1.6;text-decoration:none}.footer-section ul li a:hover{text-decoration:underline}.social-links{display:flex;font-size:1.8rem;justify-content:center;margin-top:10px}.social-icon{color:#fff;margin:0 25px;transition:color .3s ease,transform .3s ease}.social-icon:hover{color:#f0f0f0;transform:scale(1.1)}.contact-link{color:#fff;text-decoration:none}.contact-link:hover{text-decoration:underline}.footer-bottom p{border-top:1px solid #444;color:#fff;padding-top:10px}
/*# sourceMappingURL=main.a850004e.css.map*/