.app{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{display:flex;justify-content:center;padding:1rem;background:#0003;position:sticky;top:0;z-index:1000}.nav-links button{margin:0 1rem;padding:.5rem 1rem;border:none;background:none;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem;position:relative}.nav-links button:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#4caf50;transition:all .3s ease}.nav-links button:hover:after,.nav-links button.active:after{width:100%;left:0}.nav-links button:hover,.nav-links button.active{color:#4caf50}.hero-section{padding:4rem 2rem;text-align:center;max-width:1200px;margin:0 auto}.hero-section h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#4caf50,#81c784);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:1.8rem;color:#ff6b6b;margin-top:4rem;font-style:italic;font-weight:700;text-shadow:0 0 10px rgba(255,107,107,.3)}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.tech-category{background:#0003;padding:2rem;border-radius:10px;border:1px solid rgba(76,175,80,.2);transition:transform .3s ease}.tech-category:hover{transform:translateY(-5px);border-color:#4caf50}.tech-category h3{color:#ff6b6b;margin-bottom:1rem}.tech-category ul{list-style:none;padding:0}.tech-category li{padding:.5rem 0;color:#fff;opacity:.8}.certifications-section,.products-section{padding:3rem 2rem;max-width:1200px;margin:0 auto}.certifications-section h2,.products-section h2,.project-content h2{text-align:left;font-size:2rem;margin-bottom:1.5rem;color:#fff;padding-left:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400}.cert-grid,.product-grid,.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.cert-card,.product-card,.project-card{background:#0003;padding:1.5rem;border-radius:10px;border:1px solid rgba(76,175,80,.2);transition:all .3s ease;height:100%;display:flex;flex-direction:column;justify-content:space-between}.cert-card h3,.product-card h3,.project-card h3{color:#ff6b6b;margin-bottom:1rem;font-size:1.4rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.product-content{margin-bottom:2rem}.project-content{margin-top:1rem}.product-card:hover,.project-card:hover{transform:translateY(-5px);border-color:#4caf50}.product-card p,.project-card p{margin-bottom:1.5rem;line-height:1.6;opacity:.9;font-size:1rem}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px auto;max-width:1200px}.feature-card{background:#ffffff0d;padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000001a;text-align:center;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#ff6b6b}.feature-icon{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;width:45px;height:45px;font-size:45px}.feature-card img[alt="Linux & Red Hat"],.feature-card img[alt=OpenShift]{width:45px;height:45px}.feature-card .feature-icon:has(⚡){font-size:35px;width:35px;height:35px}.feature-card .feature-icon:has(📦){font-size:35px;width:35px;height:35px}.feature-card h3{color:#ff6b6b;margin:.8rem 0;font-size:1.3rem;text-align:center;font-weight:600}.feature-card p{font-size:.95rem;line-height:1.5;color:#fff;text-align:center;margin:0;padding:0 .8rem;opacity:.9}.tech-badges{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badges span{background:#4caf5033;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;border:1px solid rgba(76,175,80,.3)}.skills-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.skills-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#4caf50}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category{background:#0003;padding:2rem;border-radius:10px;border:1px solid rgba(76,175,80,.2)}.skill-category h3{color:#ff6b6b;margin-bottom:1rem}.skill-category ul{list-style:none;padding:0}.skill-category li{padding:.5rem 0;color:#fff;opacity:.8}.contact-section{padding:4rem 2rem;max-width:600px;margin:0 auto}.contact-section h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#ff6b6b}.contact-section p{text-align:center;margin-bottom:2rem;opacity:.8}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#0003;border:1px solid rgba(76,175,80,.2);border-radius:8px;color:#fff;font-size:1rem}.form-group textarea{height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4caf50}.submit-btn{background:#4caf50;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background:#45a049}@media (max-width: 768px){.app{padding:1rem}.navbar{flex-direction:column;padding:.5rem}.nav-links button{margin:.5rem 0;font-size:.9rem}p{margin-bottom:.8rem;line-height:1.5}.hero-section h1{font-size:2.5rem}.tagline{font-size:1.2rem}.projects-grid,.skills-grid{grid-template-columns:1fr}.presentation-note{display:block;text-align:center;width:fit-content;padding:.8rem 1.2rem;font-size:1.2rem;font-weight:600;margin:1rem auto 1rem 1rem}.location{display:block;margin:.8rem auto;width:fit-content;padding:.5rem 1rem;font-size:1.1rem}}.presentation-note{background:#ff6b6b1a;padding:.8rem 1.2rem;border-radius:20px;margin-bottom:2rem;display:inline-block;font-size:1.3rem;font-weight:600;letter-spacing:.5px}.cert-card{width:100%;height:100%}canvas{background:transparent!important;outline:none!important;-webkit-mask-image:none!important;mask-image:none!important}.navbar canvas{background:transparent!important;mix-blend-mode:normal}.customer-app canvas{background:transparent!important}.robot-bubble{position:absolute;top:120px;left:100px;background:#fff;padding:10px 15px;border-radius:15px;border:2px solid #ff6b6b;color:#ff6b6b;font-weight:700;font-size:.9rem;z-index:1000;box-shadow:0 2px 10px #ff6b6b33;width:fit-content;min-width:20px;overflow:hidden;opacity:0;animation:fadeIn .3s ease-out forwards,float 2s ease-in-out infinite,growBubble 2s steps(40,end) forwards,fadeOut .3s ease-out 5s forwards}.robot-bubble:after{content:"";position:absolute;bottom:-10px;left:20px;border-width:10px 10px 0;border-style:solid;border-color:white transparent transparent}.robot-bubble:before{content:"";position:absolute;bottom:-13px;left:18px;border-width:12px 12px 0;border-style:solid;border-color:#ff6b6b transparent transparent}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes growBubble{0%{width:20px}10%{width:30px}to{width:fit-content}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.typing-text{display:inline-block;overflow:hidden;border-right:2px solid #ff6b6b;white-space:nowrap;margin:0;width:0;animation:typing 1.8s steps(40,end) forwards,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#ff6b6b}}.certifications-section h2{margin-bottom:1.5rem;margin-top:3rem}.certifications-section h2:first-child{margin-top:0}.products-section h2{margin-bottom:1.5rem;margin-top:3rem}.products-section h2:first-child{margin-top:0}.about-page-section h2{color:#ff6b6b;text-align:center;margin-bottom:3rem;margin-top:3rem;font-size:2.2rem}.about-page-section h2:first-child{margin-top:0}.about-page-section h3{color:#ff6b6b;margin-bottom:2rem;margin-top:3rem;text-align:center;font-size:1.8rem;font-weight:600;padding-bottom:1rem;border-bottom:2px solid rgba(255,107,107,.2);font-family:Poppins,sans-serif}.about-page-section h3:first-child{margin-top:0}.cert-grid{margin-bottom:2rem}.license-section{text-align:center;margin-top:1rem;padding:.5rem;color:#ffffffb3;font-size:.9rem;display:flex;flex-direction:column;gap:.5rem}.license-section p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.license-section p:hover{overflow:visible;white-space:normal}.license-section a{color:#ff6b6b;text-decoration:none}.license-section a:hover{text-decoration:underline}.language-toggle{padding:8px 16px;background-color:transparent;border:2px solid #4a90e2;border-radius:4px;color:#4a90e2;font-weight:700;cursor:pointer;transition:all .3s ease;margin-left:15px}.language-toggle:hover{background-color:#4a90e2;color:#fff}@media (max-width: 768px){.language-toggle{position:static;transform:none;margin-left:1rem;padding:.3rem .8rem;font-size:.9rem}}.welcome-header h1{margin-bottom:2.5rem!important}@media (min-width: 769px){.data-section p{margin-bottom:1.2rem;line-height:1.8}}.data-section h2{margin-bottom:2rem}@media (max-width: 768px){.data-section h2{margin-bottom:1.5rem}}.home-section{padding:2rem 1rem;max-width:1200px;margin:0 auto;text-align:center}.presentation-note{text-align:center;margin-bottom:2rem;background:#ff6b6b1a;padding:.8rem 1.2rem;border-radius:20px;display:inline-block;font-size:1.3rem;font-weight:600;letter-spacing:.5px}.location{background:#ff6b6bcc;padding:.4rem 1rem;border-radius:20px;margin-left:1rem;font-size:1rem;color:#fff}h1{text-align:center;margin-bottom:1.5rem;font-size:2.5rem;color:#fff}.tagline{text-align:center;margin-bottom:3rem;font-size:1.5rem;color:#ff6b6b;font-style:italic}.home-content{background:#ffffff0d;padding:2rem;border-radius:10px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000001a;text-align:left;max-width:1200px;margin:0 auto 3rem}.home-content p{margin-bottom:1.5rem;line-height:1.8;font-size:1.2rem;font-family:Arial,sans-serif;color:#e0e0e0}@media (max-width: 768px){.home-section{padding:1rem}.home-content{padding:1.5rem}.home-content p{font-size:1rem;line-height:1.6}}@media (min-width: 1024px){.features{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (max-width: 1024px){.features{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.features{grid-template-columns:1fr;gap:1rem}}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem auto;max-width:900px;background:#4c004c33;padding:2rem;border-radius:10px}.stat-item{text-align:center}.stat-number{font-size:2rem;color:#ff6b6b;font-weight:700;margin-bottom:.5rem}.stat-label{color:#fff;font-size:1rem}@media (max-width: 1200px){.features{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 15px}}@media (max-width: 768px){.features{grid-template-columns:1fr;gap:20px;padding:0 10px}.feature-card{min-height:200px;padding:1.5rem}.feature-icon{width:40px;height:40px;margin-bottom:1rem}}@media (max-width: 1200px){.home-section{padding-left:300px}}@media (max-width: 768px){.home-section{padding:1rem}}.feature-card .feature-icon{font-size:50px;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.build-info{margin-top:2rem;padding:1rem;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,107,107,.2)}.build-info p{color:#ffffffe6;line-height:1.6;font-size:.95rem;margin:0}.cd-flow-description{background:#ffffff1a;border-radius:10px;padding:1.5rem;margin:1rem 0;border:1px solid rgba(255,107,107,.2)}.cd-flow-description h3{color:#ff6b6b;margin-bottom:1rem;text-align:center}.cd-flow-description ol{margin-left:1.5rem;text-align:left}.cd-flow-description li{margin:.5rem 0;color:#ffffffe6}.cd-flow-description ul{list-style:none;padding-left:1.5rem;margin-top:.5rem}.cd-flow-description ul li{color:#fffc;font-size:.95rem;margin:.3rem 0}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:auto;touch-action:manipulation}canvas{display:block;width:100vw;height:100vh}