@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap";
:root{--gold:#d4b97a;--gold-light:#d4b97a33;--glass-bg:#ffffff14;--glass-border:#ffffff1f}body{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif}.glass{-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px}.tilt-3d-container{perspective:1200px}.tilt-3d-item{transform-style:preserve-3d;will-change:transform;transition:transform .4s cubic-bezier(.23,1,.32,1)}.tilt-3d-container:hover .tilt-3d-item{transform:rotateX(4deg)rotateY(4deg)translateZ(8px)}.rainbow-border{-webkit-mask-composite:xor;background:linear-gradient(45deg,red,#f90,#ff0,#0f0,#0ff,#00f,#90f) 0 0/400% 400% border-box;border:2px solid #0000;border-radius:12px;animation:12s infinite rainbow-shift;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.animated-underline{display:inline-block;position:relative}.animated-underline:after{content:"";background:linear-gradient(90deg, var(--gold), #fff);width:0;height:2px;transition:width .35s cubic-bezier(.23,1,.32,1);position:absolute;bottom:-6px;left:0}.animated-underline:hover:after,.animated-underline.active:after{width:100%}.fade-in{opacity:0;transition:opacity .7s,transform .7s}.slide-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.fade-in.visible,.slide-up.visible{opacity:1;transform:translateY(0)}#live-particle-bg{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.gradient-mesh{background:radial-gradient(circle at 20% 30%, var(--gold-light) 0%, transparent 50%), radial-gradient(circle at 80% 70%, #d4b97a26 0%, transparent 50%);z-index:-2;width:100%;height:100%;animation:25s ease-in-out infinite alternate mesh-shift;position:fixed;top:0;left:0}@keyframes rainbow-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes mesh-shift{0%{transform:translate(0)}to{transform:translate(30px,30px)}}
