@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{--background: #09090b;--foreground: #fafafa;--muted: #27272a;--muted-foreground: #a1a1aa;--accent: #dfe104;--accent-foreground: #000000;--border: #3f3f46;--transition-fast: .2s cubic-bezier(.23, 1, .32, 1);--transition-medium: .3s cubic-bezier(.23, 1, .32, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;background-color:var(--background);color:var(--foreground);font-family:Space Grotesk,sans-serif;scrollbar-width:thin;scrollbar-color:var(--border) var(--background)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3BaseFilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.kinetic-theme{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:var(--background)}.container{flex:1;display:flex;justify-content:center;align-items:baseline;padding:5rem 2rem 2rem;z-index:5}.marquee-container{width:100%;background:var(--background);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:1.5rem 0;z-index:10;position:fixed}.top-marquee{top:0}.bottom-marquee{bottom:0}.marquee-item{font-size:clamp(2rem,8vw,6rem);font-weight:800;color:var(--foreground);text-transform:uppercase;letter-spacing:-.05em;padding-right:4rem;line-height:1}.marquee-accent{color:var(--accent)}.card-wrapper{background-color:var(--background);border:2px solid var(--border);padding:4rem;padding-bottom:1.5rem!important;width:100%;max-width:600px;position:relative;transition:all var(--transition-medium);display:flex;flex-direction:column;gap:1.25rem!important;border-radius:0}.card-wrapper:hover{background-color:var(--accent);border-color:var(--accent)}.text-heading{font-size:clamp(2.5rem,8vw,6rem);font-weight:800;line-height:.9;letter-spacing:-.05em;text-transform:uppercase;transition:var(--transition-medium)}.card-wrapper:hover .text-heading{color:var(--accent-foreground)}.card-wrapper:hover .text-label{color:var(--accent-foreground)!important}.text-card-title{font-size:clamp(1.25rem,3vw,2.5rem);font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:-.05em}.text-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.apps-container{display:flex;flex-direction:column;gap:1rem}.app-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;border:2px solid var(--border);background:transparent;color:var(--foreground);text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;transition:var(--transition-fast);position:relative;overflow:hidden}.app-card:hover{background:var(--foreground);color:var(--background);border-color:var(--foreground);transform:translate(12px)}.card-wrapper:hover .app-card{border-color:var(--accent-foreground);color:var(--accent-foreground)}.card-wrapper:hover .app-card:hover{background:var(--accent-foreground);color:var(--accent);border-color:var(--accent-foreground)}.app-icon-placeholder{width:70px;height:70px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}.app-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.app-buttons{display:flex;gap:.5rem}.btn-app-action{padding:.4rem .8rem;border:1.5px solid var(--border);background:transparent;color:inherit;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-fast);text-decoration:none}.card-wrapper:hover .btn-app-action{background:var(--accent-foreground);color:var(--accent);border-color:var(--accent)}.btn-app-action:hover,.card-wrapper:hover .btn-app-action:hover{background:var(--accent)!important;color:var(--accent-foreground)!important;border-color:var(--accent)!important}.card-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:2rem;transition:var(--transition-medium)}.card-wrapper:hover .card-footer{border-color:#0003;color:var(--accent-foreground)}@media (max-width: 600px){.container{padding:1rem}.card-wrapper{padding:2.5rem 1.5rem;padding-bottom:1rem!important}.app-card{padding:1.25rem 1rem;gap:1rem}.app-info{gap:.5rem}}