@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&family=Source+Code+Pro:wght@400;500&display=swap";
:root{--bg:#0a0a0f;--bg-card:#13131a;--bg-elevated:#1a1a24;--text:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff7a;--accent:#c9a84c;--accent-hover:#b8962e;--accent-light:#f5e6c8;--border:#ffffff1a;--border-accent:#f5e6c8;--card-shadow:#32325d40 0px 30px 45px -30px, #0000001a 0px 18px 36px -18px;--font:"Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}button{font-family:var(--font);cursor:pointer;border-radius:4px;transition:all .15s}button:hover{filter:brightness(1.1)}input,textarea,select{font-family:var(--font);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:4px;padding:10px 12px;font-size:1rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in{opacity:0;animation:1s forwards fadeIn}.animate-scale-in{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-slide-left{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.animate-float{animation:3s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.card-hover{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.card-hover:hover{border-color:#c9a84c66;transform:translateY(-4px);box-shadow:0 40px 60px -30px #32325d59,0 24px 48px -18px #00000026}.gradient-text{background:linear-gradient(135deg,#c9a84c 0%,#f5e6c8 50%,#c9a84c 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}.glow-border{position:relative}.glow-border:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(135deg,#c9a84c,#f5e6c8,#c9a84c) 0 0/200% 200%;transition:opacity .3s;animation:3s infinite gradientShift;position:absolute;inset:-1px}.glow-border:hover:before{opacity:1}.image-hover{transition:transform .5s cubic-bezier(.16,1,.3,1)}.image-hover:hover{transform:scale(1.02)}.pulse-dot{animation:2s ease-in-out infinite pulse}.anim-hidden{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.anim-visible{opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(0)}@keyframes meshShift{0%,to{opacity:1;transform:scale(1)rotate(0)}33%{opacity:.8;transform:scale(1.05)rotate(1deg)}66%{opacity:.9;transform:scale(.98)rotate(-.5deg)}}@keyframes gridFlow{0%{background-position:0 0}to{background-position:0 80px}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.1)}50%{transform:translate(-20px,40px)scale(.95)}75%{transform:translate(30px,20px)scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30px,20px)scale(1.08)}66%{transform:translate(25px,-35px)scale(.92)}}@keyframes orbFloat3{0%,to{opacity:.5;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(-40px,30px)scale(1.15)}}@keyframes codeFall{0%{transform:translateY(0)}to{transform:translateY(200vh)}}@keyframes particleDrift{0%,to{transform:translate(0)}25%{transform:translate(10px,-8px)}50%{transform:translate(-5px,12px)}75%{transform:translate(8px,5px)}}@keyframes blink{50%{opacity:0}}@keyframes floatTech{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-15px)rotate(3deg)}50%{transform:translateY(-8px)rotate(-2deg)}75%{transform:translateY(-20px)rotate(1deg)}}@keyframes floatCard{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-12px)translate(5px)}66%{transform:translateY(-6px)translate(-3px)}}@keyframes gradientWave{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes linePulse{0%,to{opacity:.3}50%{opacity:1}}
