:root{--primary-color:#1964af;--secondary-color:#13a8a8;--accent-color:#4aa0de;--text-color:#fff;--bg-gradient:linear-gradient(to bottom right,#004497,#4aa0de);--shadow-light:hsla(0,0%,100%,.1);--shadow-medium:hsla(0,0%,100%,.2);--shadow-dark:rgba(0,0,0,.1);--border-radius:10px;--transition:all 0.3s ease}*{box-sizing:border-box}body,html{background:var(--bg-gradient);color:var(--text-color);font:18px/1.8 sans-serif;margin:0;overflow-x:hidden;padding:0}.skip-link{background:var(--secondary-color);border-radius:0 0 4px 0;color:#000;font-weight:700;left:0;padding:8px 16px;position:absolute;text-decoration:none;transform:translateY(-100%);z-index:100}.skip-link:focus{transform:translateY(0)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0}header h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:.5px;text-shadow:2px 2px 8px rgba(0,0,0,.5)}header h2{color:#ebebeb;font-size:1.75rem;font-weight:500;text-shadow:1px 1px 5px rgba(0,0,0,.4)}header h3{color:#ebebeb;font-size:1.25rem;font-style:italic;font-weight:400;margin-left:auto;margin-right:auto;max-width:900px}header h4{color:var(--secondary-color);font-size:1rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.section h2{border-bottom:3px solid var(--accent-color);display:inline-block;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;margin-top:0;overflow:hidden;padding-bottom:.5rem;position:relative;text-shadow:1px 1px 4px rgba(0,0,0,.2)}.section h3{font-size:1.25rem;font-weight:700}p{line-height:1.6;margin:.5rem 0}code{background-color:#2c323a;border:1px solid #444c56;border-radius:6px;color:#8cb4ff;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:85%;margin:0 .2em;padding:.2em .4em}.container,.main-content{margin:0 auto;max-width:1900px;padding:0 4rem}#about,#build,#context-revolution,#focus,#future,#journey,#principles,#proof,#why-choose,#work{line-height:1.6;margin:auto;max-width:1900px;padding:0 1rem;text-align:left}.header-container{align-items:center;display:flex;flex-wrap:nowrap;gap:2rem;justify-content:flex-start;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:1900px}.header-image{border-radius:50%;flex-shrink:1;height:270px;object-fit:cover}.header-content{flex-shrink:1;max-width:1200px}.section-image{border-radius:var(--border-radius);display:block;height:auto;margin-bottom:1rem;margin-top:1rem;max-width:100%}.card-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.card{background-color:var(--shadow-light);border-radius:var(--border-radius);flex:1 1 350px;padding:.9rem;text-align:center;transition:var(--transition)}.card:focus-visible,.card:hover{background-color:var(--shadow-medium);outline:3px solid var(--primary-color);outline-offset:2px;transform:translateY(-2px)}.card img{margin-bottom:.5rem;width:125px}.card-inner{backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--shadow-light),hsla(0,0%,100%,.05));border:1px solid var(--shadow-medium);border-radius:15px;box-shadow:0 8px 32px var(--shadow-dark);padding:.8rem .5rem .5rem;transition:var(--transition)}.card:focus-visible .card-inner,.card:hover .card-inner{background:linear-gradient(135deg,var(--shadow-medium),hsla(0,0%,100%,.1));box-shadow:0 15px 40px rgba(0,0,0,.2);transform:translateY(-5px) scale(1.02)}.card:focus-visible .emoji-spin,.card:hover .emoji-spin{animation:spinOnce .6s ease-in-out}@keyframes spinOnce{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.emoji-spin{display:inline-block;transition:transform .3s ease}.highlight{background-color:var(--secondary-color);border-radius:4px;color:#003;padding:2px 6px}a{color:var(--text-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary-color)}.tech-logo-link{align-items:center;border-bottom:2px solid transparent;color:var(--text-color);display:flex;gap:.5rem;padding-bottom:2px;position:relative;text-decoration:none;transition:var(--transition)}.tech-logo-link:focus,.tech-logo-link:hover{border-bottom-color:#6a1b9a;color:#6a1b9a}.tech-logo-link:focus img,.tech-logo-link:hover img{transform:scale(1.1)}.tech-logo-link img{transition:transform .3s ease}.section h2:before{background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,.3) 60%,transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:none;width:100%}.section h2.glow-active:before{animation:diagonalGlow 2s ease-out forwards}@keyframes diagonalGlow{0%{left:-100%}to{left:200%}}.cta-button{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));border:2px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 4px 15px rgba(19,168,168,.4);color:#fff!important;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:10px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.cta-button:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease-out,height .6s ease-out;width:0}.cta-button:hover{border-color:hsla(0,0%,100%,.4);box-shadow:0 8px 25px rgba(19,168,168,.6);transform:translateY(-3px) scale(1.02)}.cta-button:hover:before{height:400px;width:400px}.cta-button:active{transform:translateY(-1px) scale(1)}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.bold{font-weight:700}@media (max-width:999px){.header-container{flex-wrap:wrap;text-align:center}.header-image{margin-bottom:1rem;margin-right:0}}@media (max-width:600px){.container,.main-content{padding:0 1rem}.header-image{height:auto;max-width:100%;width:100%}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.card-grid{flex-direction:column}.cta-button{font-size:1rem;padding:14px 24px}}