@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--navy:#0d1b3e;--gold:#f8a938;--gold-light:#f5c155;--cream:#fdf8f2;--white:#fff;--text:#2c2c2c;--muted:#666;--border:#e5e0d8;--blue:#1851a1;--green:#1a8a50;--green-light:#22aa63}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--white);font-family:DM Sans,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gold-light)}::selection{background:var(--gold);color:var(--navy)}html{scroll-behavior:smooth}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes borderFlow{0%{background-position:0 0}to{background-position:0 200%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-up{animation:.8s forwards fadeInUp}.animate-fade-left{animation:.8s forwards fadeInLeft}.animate-fade-right{animation:.8s forwards fadeInRight}.animate-zoom{animation:.6s forwards zoomIn}.animate-float{animation:3s ease-in-out infinite float}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.hover-glow{transition:all .3s}.hover-glow:hover{box-shadow:0 0 20px #f8a93866}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}@keyframes wobble{0%,to{transform:translate(0%)}15%{transform:translate(-25%)}30%{transform:translate(20%)}45%{transform:translate(-15%)}60%{transform:translate(10%)}75%{transform:translate(-5%)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes glowPulse{0%,to{text-shadow:0 0 5px #f8a93880}50%{text-shadow:0 0 20px #f8a938cc}}.animate-slide-left{animation:.8s forwards slideInFromLeft}.animate-slide-right{animation:.8s forwards slideInFromRight}.animate-slide-up{animation:.8s forwards slideInFromBottom}.animate-rotate{animation:.8s forwards rotateIn}.animate-bounce{animation:.8s forwards bounceIn}.animate-flip{animation:.8s forwards flipIn}.animate-wobble{animation:.8s forwards wobble}.animate-shake{animation:.5s forwards shake}.animate-glow{animation:2s ease-in-out infinite glowPulse}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s}.hover-rotate:hover{transform:rotate(5deg)}.hover-skew{transition:transform .3s}.hover-skew:hover{transform:skew(-2deg)}.hover-grow{transition:all .3s}.hover-grow:hover{transform:scale(1.05);box-shadow:0 10px 30px #00000026}.scroll-progress{background:linear-gradient(90deg, var(--gold), var(--gold-light));z-index:1001;width:0%;height:3px;box-shadow:0 0 10px var(--gold);transition:width .1s;position:fixed;top:0;left:0}.loading-spinner{border:3px solid #f8a93833;border-top-color:var(--gold);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:all .8s;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}
