@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary:#3d5a80;--primary-dark:#2c4260;--primary-light:#4d6f9a;--accent:#e87d1e;--accent-light:#f59942;--accent-dark:#c66a18;--background:#0a0a0f;--background-secondary:#12121a;--foreground:#ededed;--foreground-muted:#8a8a8a;--section-padding:clamp(4rem,10vh,8rem);--font-main:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{filter:brightness();box-shadow:0 0 20px #e87d1e4d}50%{filter:brightness(1.1);box-shadow:0 0 40px #e87d1e99}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes particle-float{0%,to{opacity:.3;transform:translate(0)rotate(0)}25%{opacity:.8;transform:translate(10px,-20px)rotate(90deg)}50%{opacity:.5;transform:translate(-5px,-40px)rotate(180deg)}75%{opacity:.7;transform:translate(-15px,-20px)rotate(270deg)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:var(--section-padding)0;position:relative}.gradient-text{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--accent)0%,var(--accent-dark)100%);color:#fff;box-shadow:0 4px 20px #e87d1e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e87d1e80}.btn-secondary{color:var(--foreground);border:1px solid var(--primary);background:0 0}.btn-secondary:hover{background:var(--primary);border-color:var(--primary)}.card{background:var(--background-secondary);border:1px solid #3d5a8033;border-radius:16px;padding:2rem;transition:all .4s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover{border-color:#e87d1e66;transform:translateY(-8px)perspective(1000px)rotateX(2deg);box-shadow:0 20px 40px #0000004d,0 0 60px #e87d1e1a}.card:hover:before{transform:scaleX(1)}@media (max-width:768px){.container{padding:0 1rem}:root{--section-padding:clamp(3rem,8vh,5rem)}}