:root{--vh: 1vh}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%;position:fixed;overflow:hidden;background:#144da6}body{margin:0;padding:0;width:100%;height:100%;position:fixed;overflow-y:auto;overflow-x:hidden;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;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#123872,#144da6,#1a5fc4);z-index:-1}#root{margin:0;padding:0;width:100%;min-height:100%}.hero-container{position:relative;width:100%;min-height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;justify-content:center;overflow:visible;background:transparent}.gradient-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(20,77,166,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(26,95,196,.2) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(18,56,114,.3) 0%,transparent 50%);animation:gradientPulse 15s ease infinite}@keyframes gradientPulse{0%,to{opacity:1}50%{opacity:.8}}.hero-content{position:relative;z-index:10;width:100%;max-width:1400px;padding:0;margin:0 auto;display:flex;gap:3rem;align-items:center;min-height:calc(var(--vh, 1vh) * 100)}.icons-grid{display:grid;grid-template-columns:repeat(5,100px);grid-auto-rows:100px;gap:0;padding:0;margin-left:0;align-content:center;height:100vh;height:calc(var(--vh, 1vh) * 100);flex-shrink:0;overflow:hidden;position:fixed;left:calc(-100px - max(0px,(1400px - 100vw) * .8));top:0;transition:none}.icon-item-static,.icon-item-empty{width:100px;height:100px;margin:0;padding:0;position:relative}.icon-item-static{opacity:.6}.icon-item-empty{background:transparent}.icon-item-empty:after{content:"";position:absolute;top:0;left:0;width:100px;height:100px;pointer-events:none}.icon-box{position:absolute;top:0;left:0;width:100px;height:100px;margin:0;padding:0;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:0;display:flex;align-items:center;justify-content:center;color:#ffffffe6;box-sizing:border-box}.icon-box svg{width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.main-content{opacity:0;transform:translate(30px);transition:opacity 1s ease,transform 1s ease;padding:2rem 2rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:center;margin-left:clamp(20px,calc(400px - ((1400px - 100vw)/2)),400px);text-align:left}.main-content.visible{opacity:1;transform:translate(0)}.main-title{font-size:clamp(2rem,5vw,5rem);font-weight:700;color:#fff;letter-spacing:.02em;margin-bottom:2rem;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.1)}.subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#fffffff2;font-weight:400;line-height:1.6;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.2)}.section-block{margin-top:2.5rem}.section-title{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.75rem;margin-bottom:1rem}.footer-section{margin-top:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.social-links{display:flex;gap:.75rem}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;flex-shrink:0}.social-icon svg{width:20px;height:20px}.social-icon.linkedin{background:#0a66c2;color:#fff}.social-icon.linkedin:hover{background:#004182;transform:translateY(-3px)}.social-icon.facebook{background:#1877f2;color:#fff}.social-icon.facebook:hover{background:#0d5dbf;transform:translateY(-3px)}.social-icon.email{background:#ea4335;color:#fff}.social-icon.email:hover{background:#c5221f;transform:translateY(-3px)}.company-logos{display:flex;gap:1.5rem;flex-wrap:wrap}.logo-container{padding:.5rem 1rem;display:flex;align-items:center;justify-content:center}.company-logo{height:clamp(35px,6vh,70px);width:auto;max-width:clamp(100px,18vw,200px);object-fit:contain;filter:brightness(0) invert(1) opacity(.9)}.tech-stack{display:flex;gap:.75rem;flex-wrap:wrap}.tech-badge{padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:0;font-size:.9rem;font-weight:500;color:#fffffff2;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;display:inline-flex;align-items:center;gap:.5rem}.tech-badge:hover{background:#ffffff2e;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.footer-text{color:#ffffff80;margin:0}
