@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#000;min-height:100vh;overflow:hidden;font-family:Arial,sans-serif}.controls{position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index:100}.control-btn{padding:10px 20px;background:#fff3;border:none;border-radius:25px;color:#fff;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;font-size:14px}.control-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.speed-indicator{position:absolute;top:20px;right:20px;color:#fff;font-size:16px;background:#0000004d;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.info{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffffe6;text-align:center;font-size:14px;background:#0000004d;padding:15px 25px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;line-height:1.4}.container{position:relative;height:auto;width:100%;max-width:100vw;overflow:visible;display:flex;justify-content:center;align-items:flex-start;padding:1rem 0}.card-stream{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.card-line{display:flex;align-items:center;gap:40px;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform}.card-line:active,.card-line.dragging{cursor:grabbing}.card-line.css-animated{animation:scrollCards 40s linear infinite}@keyframes scrollCards{0%{transform:translate(-100%)}to{transform:translate(100vw)}}.card-normal{width:400px;flex-shrink:0;background:transparent;box-shadow:0 15px 40px #0006;display:flex;flex-direction:column;justify-content:space-between;padding:0;color:#fff;z-index:2;position:relative;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;border-radius:15px 15px 0 0;transition:all .3s ease;filter:brightness(1.1) contrast(1.1);box-shadow:inset 0 0 20px #0000001a}.card-chip{width:40px;height:30px;background:linear-gradient(45deg,gold,#ffed4e);border-radius:5px;position:relative;margin-bottom:20px}.card-chip:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(45deg,#e6c200,#f4d03f);border-radius:2px}.contactless{position:absolute;top:60px;left:20px;width:25px;height:25px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent)}.contactless:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;border:1px solid rgba(255,255,255,.6);border-radius:50%}.card-number{font-size:22px;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-info{display:flex;justify-content:space-between;align-items:flex-end}.card-holder{color:#fff;font-size:14px;text-transform:uppercase}.card-expiry{color:#fff;font-size:14px}.card-logo{position:absolute;top:20px;right:20px;font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.instructions{position:absolute;top:50%;right:30px;transform:translateY(-50%);color:#ffffffb3;font-size:14px;max-width:200px;text-align:right;z-index:5}.inspiration-credit{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-family:Roboto Mono,monospace;font-size:12px;font-weight:900;color:#ff9a9c;z-index:1000;text-align:center}.inspiration-credit a{color:#ff9a9c;text-decoration:none;transition:color .3s ease}.inspiration-credit a:hover{color:#ff7a7c}.card-line>.card-wrapper:first-child{margin-left:80px}@media (max-width: 768px){.card-wrapper{position:relative;width:90vw;height:auto}.card-normal{width:100%}.card-line{gap:16px;padding-right:5vw}.card-stream{height:auto;display:flex;align-items:stretch}.card-line>.card-wrapper:first-child{margin-left:5vw}}.card-content{width:100%;height:300px;background:#2b2b2b;color:#fff;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;transition:none!important}.card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.card-image-wrapper{width:100%;height:50%;overflow:hidden}.card-text{padding:.8rem 1rem;flex-grow:1;display:block;overflow:visible}.card-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;white-space:normal;word-break:break-word}.card-description{font-size:13px;color:#b3b3b3;opacity:1;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;white-space:normal;word-break:break-word}.card-link:hover,.card-title:hover,.card-description:hover{text-decoration:none!important}.card-line{touch-action:pan-y!important;-ms-touch-action:pan-y!important}@media (min-width: 769px){.card-stream{overflow-x:hidden!important}}@media (max-width: 768px){.card-line{padding-bottom:6px}}:root{--nav-h: 88px;font-family:system-ui,Avenir,Helvetica,Arial,Montserrat,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth;background-color:#000}#root{width:100%;max-width:100%;margin:0 auto;overflow-x:clip}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Montserrat;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{scrollbar-gutter:stable;scroll-padding-top:var(--nav-h)}[id]{scroll-margin-top:var(--nav-h)}