.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px;perspective:1200px}.principle-card{position:relative;isolation:isolate;display:flex;min-height:310px;padding:30px 28px 26px;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#1a2a43,#0b1425 72%);border:1px solid rgba(246,206,98,.58);border-top:5px solid #f2a500;box-shadow:0 16px 30px rgba(0,0,0,.24);color:#fff;transform:translateZ(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.principle-card:before{content:"";position:absolute;z-index:-1;inset:auto -24% -42% auto;width:230px;height:230px;border:1px solid rgba(246,206,98,.4);border-radius:50%;box-shadow:0 0 0 22px rgba(242,165,0,.07),0 0 0 46px rgba(242,165,0,.04)}.principle-card:after{content:"Principle";position:absolute;top:23px;right:24px;color:#f6ce62;font-size:.67rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.principle-card:nth-child(2){background:linear-gradient(145deg,#20354c,#101d31 72%)}.principle-card:nth-child(3){background:linear-gradient(145deg,#26313e,#111b2a 72%)}.principle-card:hover{transform:translateY(-9px) rotateX(1deg);border-color:#f6ce62;box-shadow:0 24px 40px rgba(0,0,0,.36)}.principle-card:focus-visible{outline:3px solid #fff;outline-offset:5px}.principle-card h3{max-width:82%;margin:46px 0 13px;color:#fff;font-size:clamp(1.55rem,2.3vw,1.85rem);text-shadow:none}.principle-card p{max-width:94%;margin:0;color:#e4eaf1;line-height:1.72}.principle-card .read-more{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;margin-top:auto;padding-top:23px;color:#f6ce62;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.principle-card .read-more:after{content:"→";font-size:1.2rem;line-height:0}.principle-card:hover .read-more{color:#fff}@media(max-width:760px){.principle-grid{grid-template-columns:1fr}.principle-card{min-height:275px}.principle-card:hover{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.principle-card{transition:none}.principle-card:hover{transform:none}}
.principle-grid{transform-style:preserve-3d}.principle-card{animation:principle-float 8s ease-in-out infinite}.principle-card:nth-child(2){animation-delay:-2.6s}.principle-card:nth-child(3){animation-delay:-5.2s}.principle-card:before{animation:principle-orbit 10s linear infinite}@keyframes principle-float{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0)}25%{transform:translate3d(0,-7px,15px) rotateX(1deg) rotateY(-1.2deg)}50%{transform:translate3d(0,-12px,24px) rotateX(-.8deg) rotateY(1.4deg)}75%{transform:translate3d(0,-6px,12px) rotateX(.6deg) rotateY(-.8deg)}}@keyframes principle-orbit{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,-14px,20px) scale(1.08)}100%{transform:translate3d(0,0,0) scale(1)}}.principle-card:hover{animation-play-state:paused}@media(max-width:760px){.principle-card{animation-duration:9s}}@media(prefers-reduced-motion:reduce){.principle-card,.principle-card:before{animation:none}}