@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--navy:#0a1628;--navy-light:#132440;--gold:#c9a84c;--gold-light:#d4af5e;--white:#fff;--gray-100:#f5f5f5;--gray-200:#e8e8e8;--gray-400:#999;--gray-600:#666;--gray-800:#333;--black:#111;--radius:8px;--shadow:0 4px 24px #00000014;--transition:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Poppins,system-ui,-apple-system,sans-serif;font-weight:300;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:900px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5{color:var(--navy);font-weight:800;line-height:1.2}h1{letter-spacing:-.5px;font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:1.15rem}.section-title{text-align:center;margin-bottom:8px}.section-subtitle{text-align:center;color:var(--gray-600);margin-bottom:48px;font-size:.95rem}.gold{color:var(--gold)}.btn{letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:none;padding:12px 28px;font-size:.85rem;font-weight:500;display:inline-block}.btn-primary{background:var(--gold);color:var(--navy)}.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-outline{border:2px solid var(--gold);color:var(--gold);background:0 0}.btn-outline:hover{background:var(--gold);color:var(--navy)}.btn-navy{background:var(--navy);color:var(--white)}.btn-navy:hover{background:var(--navy-light)}.site-header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1628f2;justify-content:center;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:flex-end;align-items:center;width:100%;padding:0 32px;display:flex}.site-logo{color:var(--white);letter-spacing:-.5px;margin-right:auto;font-size:1.2rem;font-weight:700}.site-logo span{color:var(--gold)}.main-nav{align-items:center;gap:28px;margin-right:25px;display:flex}.main-nav a{letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-400);transition:var(--transition);font-size:.7rem;font-weight:500;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--gold)}.main-nav a:after{content:"";background:var(--gold);width:0;height:1px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.main-nav a span{transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-block}.main-nav a:hover span{animation:.5s both waveDrop;animation-delay:calc(var(--i) * 30ms)}@keyframes waveDrop{0%{opacity:0;transform:translateY(-20px)}60%{opacity:1;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.lang-toggle-wrap{align-items:center;display:flex}.toggle-track{cursor:pointer;background:#ffffff14;border-radius:20px;align-items:center;gap:8px;width:64px;height:28px;padding:3px;display:flex;position:relative}.toggle-thumb{background:var(--gold);width:24px;height:24px;transition:var(--transition);border-radius:50%;position:absolute;left:3px}.toggle-input{display:none}.toggle-input:checked~.toggle-thumb{left:37px}.flag-left,.flag-right{color:var(--gray-400);z-index:1;text-align:center;width:28px;font-size:.6rem;font-weight:500}.toggle-input:checked~.flag-left{color:var(--gray-400)}.toggle-input:checked~.flag-right,.toggle-input:not(:checked)~.flag-left{color:var(--white)}.toggle-input:not(:checked)~.flag-right{color:var(--gray-400)}.menu-toggle{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.menu-toggle span{background:var(--white);width:22px;height:2px;transition:var(--transition);margin:5px 0;display:block}.site-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gray-400);z-index:10;background:#0a1628f2;padding:60px 24px 30px;position:relative}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.footer-col h4{color:var(--white);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:.9rem}.footer-col ul{padding:0;list-style:none}.footer-col ul li{margin-bottom:8px;font-size:.85rem}.footer-col a{color:var(--gray-400);transition:var(--transition);text-decoration:none}.footer-col a:hover{color:var(--gold)}.footer-logo{align-items:baseline;gap:6px;display:flex}.footer-logo-text{color:var(--white);letter-spacing:-1px;font-size:2.5rem;font-weight:800}.footer-logo-sub{color:var(--gold);letter-spacing:4px;font-size:1rem;font-weight:500}.footer-social{flex-direction:column;gap:8px;display:flex}.footer-social a{font-size:.85rem}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;margin-top:40px;padding-top:30px;font-size:.75rem}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.cta-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.cta-text h2{color:var(--white);margin-bottom:16px}.cta-features{flex-direction:column;gap:12px;margin-top:28px;display:flex}.cta-feature{color:var(--gray-400);align-items:center;gap:10px;font-size:.9rem;display:flex}.cta-check{color:var(--gold);font-size:1rem;font-weight:700}.cta-form-wrapper{--form-width:705px;--aspect-ratio:1.33;--login-box-color:#272727;--input-color:#3a3a3a;--button-color:#373737;--footer-color:#ffffff80;background:var(--login-box-color);width:calc(var(--form-width) + 1px);z-index:8;border-radius:24px;justify-content:center;align-items:center;height:416px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003,0 8px 16px #0003,0 0 8px #ffffff1a,0 0 16px #ffffff14}.cta-form-wrapper:before{content:"";z-index:-2;background:conic-gradient(from 45deg,#0000 75%,#fff,#0000 100%);animation:4s ease-in-out infinite cta-spin;position:absolute;inset:-50px}@keyframes cta-spin{to{transform:rotate(360deg)}}.cta-form{background:var(--login-box-color);width:var(--form-width);z-index:10;-webkit-backdrop-filter:blur(15px);box-sizing:border-box;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:416px;padding:28px;display:flex;position:absolute;box-shadow:inset 0 40px 60px -8px #ffffff1f,inset 4px 0 12px -6px #ffffff1f,inset 0 0 12px -4px #ffffff1f}.input-field{width:100%;margin-bottom:4px;position:relative}.input-field label{color:#8d8d8d;pointer-events:none;background:0 0;padding:0 4px;font-size:.85rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-field input,.input-field textarea{background:var(--input-color);color:#fff;box-sizing:border-box;border:1.5px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:14px 15px 10px;font-family:inherit;font-size:.9rem;transition:border-color .25s,box-shadow .25s}.input-field input:focus,.input-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}.input-field input:focus~label,.input-field input:valid~label,.input-field textarea:focus~label,.input-field textarea:valid~label{color:var(--gold);letter-spacing:.5px;background:#272727;font-weight:500;top:0;transform:translateY(-50%)scale(.75)}.cta-form{gap:6px}.cta-form textarea{resize:vertical;min-height:50px;padding-top:18px}.cta-form .btn-primary{cursor:pointer;background:var(--button-color);color:#fff;border:none;border-radius:20px;place-content:center;gap:10px;width:100%;height:40px;font-size:14px;font-weight:500;transition:all .3s;display:grid;box-shadow:inset 0 3px 6px -4px #fff9,inset 0 -3px 6px -2px #000c}.cta-form .btn-primary:hover{background:#ffffff40;box-shadow:inset 0 3px 6px #fff9,inset 0 -3px 6px #000c,0 0 8px #ffffff0d}@media (width<=768px){.cta-grid{grid-template-columns:1fr;gap:40px}.cta-form-wrapper{width:100%;max-width:315px;margin:0 auto}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}@media (width<=768px){.main-nav{background:var(--navy);transition:var(--transition);flex-direction:column;justify-content:center;gap:32px;position:fixed;inset:64px 0 0;transform:translate(100%)}.main-nav.open{transform:translate(0)}.main-nav a{font-size:.85rem}.menu-toggle{z-index:1001;display:block}}.section{background:var(--white);z-index:1;padding:80px 0;position:relative}.section-dark{color:var(--white);z-index:1;background:#212121;position:relative}.section-dark h2,.section-dark h3{color:var(--white)}.section-gray{background:var(--gray-100)}.hero-logo-neon{cursor:default;transition:filter .5s;display:inline-block;position:relative}.hero-logo-neon:hover{filter:url(#mercury)brightness(1.1)drop-shadow(0 0 15px #c9a84c66)}.hero-logo-neon .logo-part{transition:filter .3s}.hero{min-height:100vh;color:var(--white);text-align:center;justify-content:center;align-items:flex-start;display:flex;position:relative}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.hero-overlay{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;margin-top:94px;position:relative}.hero-logo-neon{width:70vw;max-width:800px;height:auto}.logo-part{opacity:0;animation:.6s forwards logoFadeIn;animation-delay:calc(var(--d) * .3s)}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hero h1{color:var(--white);margin-bottom:16px}.hero h1 span{color:var(--gold)}.hero p{color:var(--gray-400);max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.1rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-200);padding:32px 28px}.card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.section-flipcards{min-height:100vh;position:relative;overflow:hidden}.aurora-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.flip-row-label{text-align:center;letter-spacing:6px;color:#fff;text-transform:uppercase;background:linear-gradient(45deg, transparent 5%, var(--gold) 5%);border:0;outline:#0000;margin:100px 0 30px;padding:14px 28px;font-size:.75rem;font-weight:700;line-height:1;display:inline-block;position:relative;box-shadow:6px 0 #fff9}.flip-row-label:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);content:attr(data-text);background:linear-gradient(45deg, transparent 3%, #fffc 3%, #fffc 5%, var(--gold) 5%);text-shadow:-3px -3px #fff,3px 3px #fffc;clip-path:var(--slice-0);display:block;position:absolute;inset:0}.flip-row-label:hover:after{animation:1s steps(2,end) glitch-label}@keyframes glitch-label{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}.flip-row-label:first-of-type{margin-top:100px}.flip-grid{grid-template-columns:repeat(3,minmax(200px,320px));justify-content:center;gap:40px;padding:20px;display:grid}.flip-card{perspective:1000px;aspect-ratio:4/5;position:relative}.flip-card-blob-bg{z-index:0;pointer-events:none;border-radius:14px;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;top:-5px;left:-5px;overflow:hidden}.flip-card-blob-bg .blob{z-index:1;aspect-ratio:1;opacity:1;filter:blur(18px);width:60%;animation:blobBounce var(--bd,5s) infinite ease;animation-delay:var(--bdelay,0s);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes blobBounce{0%{transform:translate(-100%,-100%)translate(0,0)}25%{transform:translate(-100%,-100%)translate(100%)}50%{transform:translate(-100%,-100%)translate(100%,100%)}75%{transform:translate(-100%,-100%)translateY(100%)}to{transform:translate(-100%,-100%)translate(0,0)}}.flip-card-inner{z-index:1;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden}.flip-card-front{background:var(--navy);overflow:hidden}.flip-card-front img{object-fit:cover;width:100%;height:100%}.flip-card-back{background:linear-gradient(135deg, var(--navy) 0%, #0d1f3c 100%);text-align:center;border:1px solid #c9a84c33;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex;transform:rotateY(180deg)}.flip-card-back h3{color:var(--gold);margin-bottom:12px;font-size:1.1rem}.flip-card-back p{color:var(--gray-400);font-size:.85rem;line-height:1.5}.card h3{margin-bottom:8px}.card p{color:var(--gray-600);font-size:.9rem}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=768px){.grid-2,.grid-3,.grid-4,.cards-grid{grid-template-columns:1fr}}.service-section{border-bottom:1px solid var(--gray-200);padding:40px 0}.service-section:last-child{border-bottom:none}.service-list{columns:2;column-gap:40px;list-style:none}.service-list li{color:var(--gray-600);padding:4px 0 4px 16px;font-size:.9rem;position:relative}.service-list li:before{content:"▸";color:var(--gold);font-size:.7rem;position:absolute;top:7px;left:0}.contact-form{max-width:540px;margin:0 auto}.form-group{margin-bottom:16px}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--navy);margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);width:100%;transition:var(--transition);padding:12px 16px;font-family:inherit;font-size:.9rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c9a84c26}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.btn-wrapper{--dot-size:8px;--line-weight:1px;--line-distance:.9rem 1.1rem;--animation-speed:.35s;--dot-color:var(--gold);--line-color:#ffffff80;padding:var(--line-distance);-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;margin-top:100px;transition:background-color .3s ease-in-out;display:inline-flex;position:relative}.btn-wrapper:has(.btn:hover){animation:bgc-change calc(var(--animation-speed) * 4) ease-in-out forwards}@keyframes bgc-change{80%{background:0 0}to{background:#d4af3714}}.btn-wrapper .dot{width:var(--dot-size);aspect-ratio:1;background:var(--dot-color);opacity:1;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.btn-wrapper:has(.btn:hover) .dot.top.left{animation:move-tl var(--animation-speed) ease-in-out forwards;top:50%;left:20%}@keyframes move-tl{90%{opacity:.6}to{top:calc(var(--dot-size) * -.5);left:calc(var(--dot-size) * -.5);opacity:1}}.btn-wrapper:has(.btn:hover) .dot.top.right{animation:move-tr var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * .6);top:50%;right:20%}@keyframes move-tr{80%{opacity:.6}to{top:calc(var(--dot-size) * -.5);right:calc(var(--dot-size) * -.5);opacity:1}}.btn-wrapper:has(.btn:hover) .dot.bottom.right{animation:move-br var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 1.2);bottom:50%;right:20%}@keyframes move-br{80%{opacity:.6}to{bottom:calc(var(--dot-size) * -.5);right:calc(var(--dot-size) * -.5);opacity:1}}.btn-wrapper:has(.btn:hover) .dot.bottom.left{animation:move-bl var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 1.8);bottom:50%;left:20%}@keyframes move-bl{80%{opacity:.6}to{bottom:calc(var(--dot-size) * -.5);left:calc(var(--dot-size) * -.5);opacity:1}}.btn-wrapper .line{z-index:0;pointer-events:none;position:absolute}.btn-wrapper .line.horizontal{height:var(--line-weight);background:repeating-linear-gradient(90deg, transparent 0 calc(var(--line-weight)*2), var(--line-color) calc(var(--line-weight)*2) calc(var(--line-weight)*4));width:100%}.btn-wrapper .line.top{top:calc(var(--line-weight) * -.5)}.btn-wrapper .line.bottom{bottom:calc(var(--line-weight) * -.5)}.btn-wrapper .line.vertical{width:var(--line-weight);background:repeating-linear-gradient(0deg, transparent 0 calc(var(--line-weight)*2), var(--line-color) calc(var(--line-weight)*2) calc(var(--line-weight)*4));height:100%}.btn-wrapper .line.left{left:calc(var(--line-weight) * -.5)}.btn-wrapper .line.right{right:calc(var(--line-weight) * -.5)}.btn-wrapper .line.top{transform-origin:0 0;transform:rotate(5deg)scaleX(.6)}.btn-wrapper:has(.btn:hover) .line.top{animation:draw-top var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * .8)}@keyframes draw-top{to{transform:rotate(0)scaleX(1)}}.btn-wrapper .line.bottom{transform-origin:100% 100%;transform:rotate(5deg)scaleX(.6)}.btn-wrapper:has(.btn:hover) .line.bottom{animation:draw-bottom var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 2)}@keyframes draw-bottom{to{transform:rotate(0)scaleX(1)}}.btn-wrapper .line.left{transform-origin:0 100%;transform:rotate(0)scaleY(.6)}.btn-wrapper:has(.btn:hover) .line.left{animation:draw-left var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 2.4)}@keyframes draw-left{to{transform:rotate(0)scaleY(1)}}.btn-wrapper .line.right{transform-origin:100% 0;transform:rotate(5deg)scaleY(.6)}.btn-wrapper:has(.btn:hover) .line.right{animation:draw-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 1.4)}@keyframes draw-right{to{transform:rotate(0)scaleY(1)}}.btn-wrapper .btn{background:var(--gold);color:var(--navy);z-index:2;cursor:pointer;background-image:linear-gradient(#0000,#00000026);border:none;border-radius:30%/200%;align-items:center;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s,border-radius .3s;display:inline-flex;position:relative;box-shadow:0 0 0 1px #00000026,0 1px 1px #03071205,0 5px 4px #0307120a,0 12px 9px #0307120f,0 20px 15px #03071214,0 32px 24px #0307121a}.btn-wrapper .btn:hover{background:var(--white);color:var(--navy);border-radius:10%/200%;transform:scale(1.05)}.btn-wrapper .btn:active{background:var(--gold);border-radius:20%/200%;transform:scale(.98)}.soft-aurora-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.soft-aurora-container canvas{width:100%;height:100%;display:block}.portfolio-section{z-index:1;background:#132440;position:relative}.portfolio-card{will-change:transform, opacity;box-sizing:border-box;background:0 0;height:100vh;padding:5vh 5vw;position:sticky;top:0;overflow:hidden}.portfolio-card-inner{border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.portfolio-card img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio-card-overlay{z-index:1;background:linear-gradient(#0000 0%,#000000d9 100%);padding:50px 60px;position:absolute;bottom:0;left:0;right:0}.portfolio-card-cat{text-transform:uppercase;letter-spacing:3px;color:var(--gold);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.portfolio-card-overlay h3{color:#fff;margin:0;font-size:2rem;font-weight:700}.portfolio-footer{text-align:center;background:#132440;padding:120px 24px 100px}@media (width<=768px){.portfolio-card-overlay{padding:30px 24px}.portfolio-card-overlay h3{font-size:1.4rem}}
