.lwd-if{display:contents}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Satoshi',sans-serif;color:#EDF1F7;background:radial-gradient(1100px 700px at 85% -10%,#173458 0%,rgba(23,52,88,0) 60%),radial-gradient(900px 600px at -10% 105%,rgba(240,78,48,0.10) 0%,rgba(240,78,48,0) 55%),linear-gradient(168deg,#0C1728 0%,#0A1220 48%,#0F2039 100%);background-attachment:fixed;background-color:#0A1220;overflow-x:hidden}
a{color:#EDF1F7;text-decoration:none}
a:hover{color:#F1502F}
::selection{background:#F1502F;color:#fff}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.rise{animation:rise 0.85s cubic-bezier(0.16,1,0.3,1) both}
.btnfx{position:relative;overflow:hidden;isolation:isolate;transition:box-shadow 0.4s cubic-bezier(0.16,1,0.3,1)}
.btnfx>*{position:relative;z-index:2}
.btnfx::before{content:"";position:absolute;top:0;bottom:0;left:-130%;width:60%;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.5),transparent);transform:skewX(-20deg);transition:left 0.75s cubic-bezier(0.22,1,0.36,1);pointer-events:none}
.btnfx:hover::before{left:140%}

.btnfx:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(241,80,47,0.55);filter:brightness(1.06) saturate(1.05)}
.btnfx:active{transform:translateY(-1px) scale(0.985)}
.btn-swap{display:inline-block;vertical-align:bottom;line-height:1.15;white-space:nowrap}
.btn-swap>span+span{display:none}

.btn-arrow{display:inline-block;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1)}
.btnfx:hover .btn-arrow{transform:translateX(6px)}
.btnfx--ghost:hover{background:linear-gradient(120deg,#FF6A3D,#F1502F) !important;border-color:transparent !important;color:#fff !important}
.btn-ghost{transition:background 0.5s cubic-bezier(0.16,1,0.3,1),color 0.45s,border-color 0.45s,box-shadow 0.5s,transform 0.5s cubic-bezier(0.16,1,0.3,1)}
.btn-ghost:hover{background:linear-gradient(120deg,#FF6A3D,#F1502F) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 18px 44px rgba(241,80,47,0.45);transform:translateY(-3px)}
.nav-link:hover{color:#F1502F}
.pcard{position:relative;display:block;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,0.10);background:#0E1B30;transition:border-color 0.5s,box-shadow 0.5s,transform 0.5s cubic-bezier(0.22,1,0.36,1)}
.pcard:hover{border-color:rgba(241,80,47,0.5);box-shadow:0 26px 70px rgba(0,0,0,0.5);transform:translateY(-6px)}
.pcard img{transition:transform 0.8s cubic-bezier(0.16,1,0.3,1)}
.pcard:hover img{transform:scale(1.06)}
.pcard .pover{opacity:0;transform:translateY(14px);transition:opacity 0.4s ease,transform 0.5s cubic-bezier(0.16,1,0.3,1)}
.pcard:hover .pover{opacity:1;transform:translateY(0)}
.pcard .parrow{transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}
.pcard:hover .parrow{transform:translate(4px,-4px)}
.pj-img{display:block;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.10);box-shadow:0 34px 80px rgba(0,0,0,0.5)}
.pj-img img{display:block;width:100%;height:auto;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1)}
.pj-img:hover img{transform:scale(1.05)}
@keyframes pjrise{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
.pj-block{opacity:0;animation:pjrise 0.9s cubic-bezier(0.16,1,0.3,1) both;animation-timeline:view();animation-range:entry 2% cover 32%}
@media (prefers-reduced-motion:reduce){.pj-block{animation:none !important;opacity:1 !important;transform:none !important}}
@media (max-width:940px){.nav-links{display:none !important}}