@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-lowest:#0e0e0e;--bg-main:#131313;--bg-low:#1c1b1b;--bg-container:#201f1f;--bg-high:#2a2a2a;--bg-highest:#353534;--color-pulse:#ff8c00;--color-logic:#6200ea;--color-tech:#29b3ff;--text-primary:#e5e2e1;--text-secondary:#ddc1ae;--text-muted:#a48c7a;--glass-1:#0e0e0e66;--glass-2:#13131399;--glass-3:#1c1b1bb3;--ghost-border:#e5e2e114;--section-padding:8rem 2rem;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-lowest);border-left:1px solid var(--ghost-border)}::-webkit-scrollbar-thumb{background:var(--bg-highest);border:2px solid var(--bg-lowest);background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--color-pulse)}html{scrollbar-width:thin;scrollbar-color:var(--bg-highest) var(--bg-lowest)}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-primary);font-weight:800}p{color:var(--text-secondary);line-height:1.6}.container{max-width:var(--max-width);z-index:10;margin:0 auto;position:relative}.glass{background:var(--glass-2);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ghost-border);border-radius:16px}.btn{cursor:pointer;border:none;border-radius:99px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-flex}.btn-primary{background:var(--color-pulse);color:#fff;box-shadow:0 10px 20px #ff8c0033}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #ff8c0066}.btn-secondary{background:var(--glass-2);color:var(--text-primary);border:1px solid var(--ghost-border)}.btn-secondary:hover{background:var(--glass-3);border-color:var(--text-muted)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:6s ease-in-out infinite float}.mesh-gradient{z-index:-1;background:radial-gradient(circle at 0 0,#6200ea1a 0%,#0000 50%),radial-gradient(circle at 100% 100%,#ff8c001a 0%,#0000 50%),radial-gradient(circle,#29b3ff0d 0%,#0000 50%);width:100vw;height:100vh;position:fixed;top:0;left:0}.glow-border{padding:1px;position:relative;overflow:hidden}.glow-border:before{content:"";background:conic-gradient(transparent, var(--color-pulse), transparent 30%);opacity:0;width:200%;height:200%;transition:opacity .3s;animation:4s linear infinite rotate-glow;position:absolute;top:-50%;left:-50%}.glow-border:hover:before{opacity:1}@keyframes rotate-glow{to{transform:rotate(360deg)}}.card-inner{z-index:1;background:var(--bg-container);border-radius:inherit;width:100%;height:100%;padding:2rem;position:relative}.text-gradient-pulse{background:linear-gradient(135deg, var(--color-pulse) 0%, #ffb77d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-logic{background:linear-gradient(135deg, var(--color-logic) 0%, #b870ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.shimmer{background:linear-gradient(to right, var(--text-primary) 0%, var(--color-pulse) 50%, var(--text-primary) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:4s linear infinite shimmer-anim;display:inline-block}@keyframes shimmer-anim{to{background-position:200%}}.nav-link{color:var(--text-primary);text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--color-pulse);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.hover-lift{transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s}.hover-lift:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px #0000004d}.image-container{border-radius:inherit;position:relative;overflow:hidden}.image-overlay{mix-blend-mode:color-dodge;opacity:0;pointer-events:none;z-index:2;background:radial-gradient(circle,#6200ea4d,#0000);transition:opacity .5s;position:absolute;inset:0}.image-container:hover .image-overlay{opacity:1}
