@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-primary: #ffffff;--text-primary: #1a1a1a;--accent: #d4af37}.dark{--bg-primary: #0a0a0a;--text-primary: #f0f0f0;--accent: #f0e6d2}body{@apply bg-[var(--bg-primary)] text-[var(--text-primary)] transition-colors duration-300 antialiased font-sans;}}.section{@apply py-20 px-6;}.container{@apply max-w-7xl mx-auto;}@keyframes shine{0%{left:-100%}to{left:200%}}.animate-shine{animation:shine 3s infinite ease-out}.service-flip{perspective:1600px}.service-inner{position:relative;width:100%;min-height:440px;transition:transform .9s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.service-flip.flipped .service-inner{transform:rotateY(180deg)}.service-front,.service-back{position:absolute;inset:0;background:#fff;border-radius:1rem;padding:2rem;backface-visibility:hidden;box-shadow:0 25px 50px #00000014}.service-back{transform:rotateY(180deg);overflow:hidden}.service-progress{height:3px;background:#00000014}.service-progress span{display:block;height:100%;background:#0c4a6e;transition:width .2s ease}.service-back-content{max-height:330px;overflow-y:auto;padding-top:1.5rem;padding-right:6px}.service-back-content::-webkit-scrollbar{width:4px}.service-back-content::-webkit-scrollbar-thumb{background:#0c4a6e66;border-radius:10px}.blog-card{perspective:1400px}.blog-card-inner{position:relative;width:100%;height:100%;transition:transform .9s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.blog-card.flipped .blog-card-inner{transform:rotateY(180deg)}.blog-card-front,.blog-card-back{backface-visibility:hidden;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000001f}.blog-card-front img{width:100%;height:240px;object-fit:cover}.blog-card-back{position:absolute;inset:0;transform:rotateY(180deg);display:flex;flex-direction:column}.blog-scroll-area{padding:24px;overflow-y:auto;max-height:420px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards;opacity:0}.link-anim{position:relative;display:inline-block}.link-anim .sparkle{pointer-events:none;transform:translate(-30%);transition:all .42s cubic-bezier(.2,.9,.2,1)}.group:hover .sparkle{width:110%;transform:translate(120%);opacity:.15}.group:hover>span>span{background:linear-gradient(90deg,#fff,#ffd88a 55%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;transition:background .3s ease,transform .22s ease}.link-anim:focus-visible{outline:3px solid rgba(255,184,77,.12);outline-offset:3px;border-radius:4px}.link-anim:hover{transform:translateY(-3px);transition:transform .2s cubic-bezier(.2,.9,.2,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp .5s ease both}.scale-in{animation:scaleIn .4s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .2s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.fade-up{opacity:0;animation:fadeUp .9s ease forwards}.slow-zoom{animation:slowZoom 18s ease-in-out forwards}@keyframes dropdownReveal{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-dropdown{animation:dropdownReveal .25s ease-out both}@keyframes slideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.animate-slideLeft{animation:slideLeft .5s ease-out}.animate-slideRight{animation:slideRight .5s ease-out}
