*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior-y:none;background:linear-gradient(#3e4280 0%,#0f3b75 100%) 0 0/100% 100%;height:700vh;margin:0;padding:0;animation:15s infinite waveGradient}.ui-layer h1,.ui-layer p,.projects-section h2,.projects-section p,.project-card h3,.project-card p,.screen-box h2,.screen-box p,.contact-box-html{text-shadow:1px 1px 4px #000000bf}@keyframes waveGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.webgl{outline:none;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.ui-layer{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:-60px;left:0;transform:translateY(220px)}.ui-layer p{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#fff;opacity:.8;letter-spacing:2px;background:#ffffff26;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:420;box-shadow:inset 0 0 10px #fff9}.scroll-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#9da3a726;border:1px solid #ffffff4d;border-radius:30px;justify-content:center;align-items:center;padding:2.8rem 1.4rem;font-family:Montserrat,sans-serif;animation:6s ease-in-out infinite bounceArrow;display:flex;box-shadow:inset 0 0 10px #fff6}.arrow-icon{transform-origin:50%;background:linear-gradient(#ffffff4d 0%,#fff 50%,#ffffff4d 100%) 0 0/100% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:700;animation:2s linear infinite lightSweep;display:inline-block;transform:scaleY(2.6)}@keyframes lightSweep{0%{background-position:0 100%}to{background-position:0 -100%}}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.projects-section{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#fff;z-index:20;background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;width:90%;max-width:480px;padding:1.5rem;font-family:Montserrat,sans-serif;position:fixed;top:25%;left:83%;box-shadow:0 15px 35px #00000040,inset 0 0 15px #fff9}.projects-section h2{letter-spacing:1px;margin-top:0;margin-bottom:1rem;font-size:2.2rem;font-weight:600}.projects-section p{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.9;letter-spacing:1px;background:0 0;margin:10px 0;padding:0;font-size:1.1rem;font-weight:300;line-height:1.4}.projects-container{z-index:20;pointer-events:none;flex-flow:wrap;justify-content:center;gap:1.2rem;width:90%;max-width:1000px;display:flex;position:fixed;top:15%;left:38%;transform:translate(-50%)}.project-card{opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:auto;background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;flex:1;min-width:240px;max-width:320px;padding:1.6rem;font-family:Montserrat,sans-serif;transition:transform .3s,background .3s,border-color .3s;transform:translateY(30px);box-shadow:0 15px 35px #00000040,inset 0 0 15px #fff9}.project-card h3{letter-spacing:1px;margin-top:0;margin-bottom:.4rem;font-size:1.4rem;font-weight:600}.project-card p{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.9;background:0 0;margin:0;padding:0;font-size:.95rem;font-weight:400;line-height:1.4}.project-card a{color:#fdda7a;text-shadow:1px 1px 4px #000000bf;margin-top:.8rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:color .3s;display:inline-block}.project-card a:hover{color:#ffc014;text-decoration:underline}.card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.project-icon{stroke:#e9e9e9b3;flex-shrink:0;width:42px;height:42px;transition:all .3s}.project-card:hover{background:#ffffff38;border-color:#ffffffc5;transform:translateY(-4px)}.project-card:hover .project-icon{stroke:#fff;filter:drop-shadow(0 0 8px #ffffffe6);transform:scale(1.1)}.projects-nav{display:none}.projects-nav-counter{color:#ffffffb3;letter-spacing:1px;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:500}.screen-box{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:25;background:#b4b4b426;border:1px solid #ffffff47;border-radius:20px;font-family:Montserrat,sans-serif;transition:opacity .3s;position:fixed;box-shadow:0 25px 50px #0006,inset 0 0 25px #fff9}.horizontal-screen.unified-about{flex-direction:column;justify-content:space-between;width:60%;min-height:560px;padding:2.2rem;display:flex;left:24%;top:2%!important}.about-content-container{flex-grow:1;position:relative}.about-slide{opacity:0;pointer-events:none;width:80%;margin:0 auto;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0;right:0}.about-slide a{color:#ebae08}.about-slide.active{opacity:1;pointer-events:auto;position:relative}.slide-subtitle{color:#9cf5a8;margin:-.5rem 0 1rem;font-size:1rem;font-weight:500}.timeline-container{border-top:1px solid #ffffff26;justify-content:flex-end;gap:5rem;margin-top:2rem;padding-top:1.5rem;display:flex;position:relative}.timeline-node:first-child{order:4}.timeline-node:nth-child(2){order:3}.timeline-node:nth-child(3){order:2}.timeline-node:nth-child(4){order:1}.timeline-line{z-index:1;background:#fff3;height:2px;position:absolute;top:45px;left:0%;right:6%}.timeline-node{z-index:2;cursor:pointer;color:#fff9;flex-direction:column;align-items:center;gap:.6rem;width:80px;transition:color .3s;display:flex;position:relative}.timeline-node.active,.timeline-node:hover{color:#fff}.node-icon-wrapper{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative}.timeline-node.active .node-icon-wrapper{color:#fdda7a;background:#fdda7a33;border-color:#fdda7a;box-shadow:0 0 12px #fdda7a66}.timeline-node:hover .node-icon-wrapper{transform:scale(1.1)}.node-icon-wrapper svg:not(.progress-ring){width:20px;height:20px}.timeline-node-intro .node-icon-wrapper,.timeline-node-intro.active .node-icon-wrapper{box-shadow:none;background:0 0;border:none}.node-label{text-align:center;white-space:nowrap;font-size:.75rem;font-weight:600}.progress-ring{transform-origin:50%;pointer-events:none;transition:opacity .3s;position:absolute;top:-4px;left:-4px;transform:rotate(-90deg)}.progress-ring__circle{stroke:#fdda7a;transition:stroke-dashoffset .1s linear}.progress-ring__track{stroke:#ffffff26}@media (width<=900px){.horizontal-screen.unified-about{width:90vw;max-width:420px;padding:1.2rem;top:10%;left:50%;transform:translate(-50%)}.timeline-node{width:60px}.timeline-container{gap:1.2rem}.node-label{font-size:.65rem}}.card-backdrop{opacity:0;pointer-events:none;z-index:99;background:#0000008c;transition:opacity .5s cubic-bezier(.25,1,.5,1);position:fixed;inset:0}.business-card-html.visible:hover~.card-backdrop{opacity:1}.business-card-html{box-sizing:border-box;width:450px;height:250px;transform-style:preserve-3d;opacity:0;pointer-events:none;z-index:100;background:linear-gradient(135deg,#163c81 0%,#2e6bc1 30%,#0d234a 50%,#3d82e2 70%,#163c81 100%) 0 0/200% 200%;border:none;border-radius:12px;padding:25px;transition:all .5s cubic-bezier(.25,1,.5,1);position:fixed;top:65%;left:51%;overflow:hidden;transform:translate(-50%,-30%)perspective(800px)rotateX(45deg)rotateY(-1deg)scale(.9);box-shadow:inset 0 1px 1px #fff6,0 15px 35px #0006}.business-card-html:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.business-card-html.visible{opacity:1;pointer-events:auto}.business-card-html.visible:hover{background:linear-gradient(135deg,#1f4f9f 0%,#21437a 30%,#315a94 70%,#1f4f9f 100%);transform:translate(-50%,-70%)perspective(800px)rotateX(5deg)rotateY(0)scale(1.25);box-shadow:inset 0 1px 2px #ffffffb3,0 30px 50px #00000080}.business-card-html.visible:hover:before{transition:left .8s ease-in-out;left:150%}.card-header-row{color:#94a3b8;justify-content:space-between;align-items:center;font-family:monospace;font-size:.75rem;display:flex}.card-brand{color:#fff;letter-spacing:1.5px;text-shadow:0 1px 2px #0000004d;font-weight:700}.card-chip{color:#add3ff;align-items:center;display:inline-flex}.card-body-row{text-align:left;align-items:center;gap:1.25rem;display:flex}.card-avatar-box{background-color:#0f172a;border:1px solid #ffe9adcc;border-radius:50%;flex-shrink:0;width:95px;height:95px;overflow:hidden;box-shadow:0 4px 10px #00000085}.avatar-real-img{object-fit:cover;width:100%;height:100%;display:block}.card-info-box h3{color:#fff;text-shadow:0 1px 2px #0000004d;margin:0 0 .1rem;font-size:1.2rem;font-weight:700}.card-title{color:#f0b050;margin:0 0 .2rem;font-size:.85rem;font-weight:750}.card-location{color:#dbd2d1;margin:0;font-size:.75rem}.card-footer-row{grid-template-columns:repeat(4,1fr);gap:.9rem;padding-top:1.9rem;display:grid}.card-action-btn{color:#f1f5f9;cursor:pointer;background:#d81f1f08;border:1px solid #add3ff40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.6rem .2rem;font-size:.7rem;text-decoration:none;transition:all .2s;display:inline-flex}.card-action-btn:hover{color:#1f2020;background-color:#f7b80e;border-color:#fde39b;font-weight:600;transform:translateY(-2px);box-shadow:0 4px 10px #0000006c}.btn-vcard{font-family:inherit}.contact-box-html{opacity:0;pointer-events:none;z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:25;background:#b4b4b426;border:1px solid #ffffff47;border-radius:20px;width:680px;max-width:90vw;font-family:Montserrat,sans-serif;transition:opacity .3s;position:fixed;top:50%;left:67%;box-shadow:0 25px 50px #0006,inset 0 0 25px #fff9}.contact-box-html.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1.3)}.liquid-glass-container{grid-template-columns:1fr 1.3fr;gap:30px;padding:30px;display:grid}@media (width<=768px){.liquid-glass-container{grid-template-columns:1fr;gap:20px;padding:20px}}.contact-left h2{color:#fff;margin:0 0 12px;font-size:1.5rem;font-weight:700}.contact-desc{color:#c0c2c4;margin-bottom:20px;font-size:.85rem;line-height:1.6}.contact-email-badge{color:#fafafa;background:#e6931766;border:1px solid #ffe2ad40;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;display:inline-flex}.contact-right-form{flex-direction:column;gap:12px;display:flex}.form-row{gap:10px;display:flex}.form-input{color:#fff;background:#fff6;border:1px solid #add3ff33;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.form-input:focus{background:#fff6;border-color:#add3ffcc;box-shadow:0 0 12px #add3ff40}.form-input::placeholder{color:#48494b85}textarea.form-input{resize:none}.form-row-checkbox{color:#94a3b8;align-items:center;margin-top:2px;font-size:.72rem;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:6px;display:flex}.checkbox-label a{color:#add3ff;text-decoration:underline}.form-submit-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #add3ff99;border-radius:12px;margin-top:4px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0000004d}.form-submit-btn:hover{background:0 0;border-color:#f0f7ffe6;transform:translateY(-2px);box-shadow:0 6px 16px #589eff59}.side-nav{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;pointer-events:auto;background:#ffffff26;border:1px solid #ffffff40;border-radius:30px;flex-direction:column;align-items:center;gap:1.6rem;padding:1rem .8rem;transition:opacity .45s,transform .45s;display:flex;position:fixed;top:50%;left:2.2rem;transform:translateY(-50%);box-shadow:0 15px 35px #00000040}.side-nav-link{color:#ffffffa6;filter:drop-shadow(1px 1px 3px #0009);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:color .25s,background .25s,transform .25s;display:flex}.side-nav-link svg{flex-shrink:0;width:22px;height:22px}.side-nav-link:hover{color:#fff;background:#ffffff1f}.side-nav-link.active{color:#fdda7a;background:#fdda7a1f}@media (width<=900px){body{overflow-x:hidden}.side-nav{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#b4b4b426;border:1px solid #ffffff38;border-radius:30px;flex-direction:row;justify-content:space-around;align-items:center;gap:.2rem;width:80%;max-width:92vw;padding:.5rem .8rem;left:50%;right:50%;overflow-x:visible;transform:translate(-50%);box-shadow:0 15px 35px #00000059}.side-nav-link{width:40px;height:40px}.side-nav-link svg{width:20px;height:20px}.projects-section{width:90%;max-width:420px;padding:1.2rem;top:19%;left:50%}.projects-section h2{font-size:1.6rem}.projects-section p{font-size:.95rem}.projects-container{flex-flow:column;gap:0;width:90%;max-width:420px;top:40%;left:50%}.project-card{box-sizing:border-box;border-radius:16px 16px 0 0;width:100%;min-width:0;max-width:100%;padding:1.1rem 1.2rem .8rem}.project-card h3{font-size:1.2rem}.project-card p{font-size:.88rem}.projects-nav{opacity:0;pointer-events:auto;box-sizing:border-box;background:0 0;border:none;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;gap:0;width:100%;margin-top:0;padding:.7rem 1.2rem;display:flex}.glass-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#b4b4b4f2;border:1px solid #ffffff38;border-radius:50%;width:40px;height:40px}.business-card-html{width:100%;max-width:455px;height:auto;padding:1.4rem;top:58%;left:50%;transform:translate(-50%,-30%)perspective(800px)rotateX(45deg)rotateY(-1deg)scale(.88)}.business-card-html.visible:hover{transform:translate(-50%,-55%)perspective(800px)rotateX(10deg)rotateY(0)scale(1.05)}.card-avatar-box{width:105px;height:105px}.card-footer-row{grid-template-columns:repeat(4,1fr);gap:.6rem}.card-action-btn{border:#0000;padding:.55rem .15rem;font-size:.68rem}.contact-box-html{width:92vw;max-width:440px;top:50%;left:50%}.contact-box-html.visible{transform:translate(-50%,-50%)scale(1.02)}.liquid-glass-container{gap:1rem;padding:1.2rem}.form-row{flex-direction:column;gap:8px}.form-input{box-sizing:border-box;width:100%;min-width:0}.contact-right-form{gap:8px}textarea.form-input{min-height:80px}}@media (width<=480px){.ui-layer p{padding:1.2rem;font-size:1.05rem}.scroll-btn{padding:3.6rem 1.2rem}.projects-section,.projects-container,.business-card-html,.contact-box-html{width:94vw}.project-card h3,.screen-box h2{font-size:1.15rem}.business-card-html{transform:translate(-50%,-50%)perspective(800px)rotateX(45deg)rotateY(-1deg)scale(.68)}}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;opacity:0;pointer-events:none;background:#0a0f1ebf;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#141e32e0;border:1px solid #ffffff40;border-radius:20px;flex-direction:column;width:90%;max-width:620px;max-height:80vh;padding:2rem;font-family:Montserrat,sans-serif;display:flex;position:relative;box-shadow:0 25px 50px #00000080,inset 0 0 15px #ffffff1a}.modal-content h2{color:#fdda7a;margin-top:0;font-size:1.6rem}.modal-content h3{color:#add3ff;margin-top:1.2rem;margin-bottom:.4rem;font-size:1.05rem}.modal-body{color:#e2e8f0;padding-right:.5rem;font-size:.88rem;line-height:1.6;overflow-y:auto}.modal-body ul{margin:.5rem 0;padding-left:1.2rem}.modal-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1.2rem}.modal-close:hover{color:#fff}.cookie-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:900;color:#fff;background:#121a2deb;border:1px solid #add3ff4d;border-radius:16px;width:90%;max-width:680px;padding:1.2rem 1.5rem;font-family:Montserrat,sans-serif;transition:transform .4s cubic-bezier(.25,1,.5,1);position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(150%);box-shadow:0 15px 35px #00000080}.cookie-banner.visible{transform:translate(-50%)translateY(0)}.cookie-content{flex-direction:column;gap:1rem;display:flex}.cookie-content p{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.5}.cookie-actions{justify-content:flex-end;gap:.8rem;display:flex}.cookie-btn{cursor:pointer;border-radius:10px;padding:.55rem 1.2rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.cookie-btn-primary{color:#0f172a;background:#fdda7a;border:1px solid #fdda7a}.cookie-btn-primary:hover{background:#ffc014;border-color:#ffc014;transform:translateY(-1px)}.cookie-btn-secondary{color:#fff;background:0 0;border:1px solid #ffffff4d}.cookie-btn-secondary:hover{background:#ffffff1a;border-color:#fff9}@media (width<=600px){.cookie-actions{flex-direction:column}.cookie-btn{width:100%}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.honeypot-row{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-submit-btn .spinner{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite form-spin;display:inline-block}@keyframes form-spin{to{transform:rotate(360deg)}}#form-status{min-height:1.2em;margin-top:.6rem;font-size:.9rem}