@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Mono:wght@400;700&display=swap");:root{--bg-dark:#07090f;--text-primary:#fff;--text-secondary:#8b949e;--accent-cyan:#00f0ff;--accent-magenta:#ff003c;--accent-purple:#7000ff;--card-bg:rgba(20,22,30,.6);--card-border:hsla(0,0%,100%,.1);--locked-bg:rgba(10,11,15,.8);--locked-text:#4b5563}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 20% 0,rgba(112,0,255,.15),transparent 40%),radial-gradient(circle at 80% 100%,rgba(0,240,255,.1),transparent 40%),linear-gradient(180deg,#07090f,#0d1117);background-attachment:fixed;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:4rem 2rem;width:100%}.hero{text-align:center;margin-bottom:5rem}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,var(--accent-cyan),#fff,var(--accent-magenta));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 4s linear infinite}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;font-family:Space Mono,monospace}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:3rem;gap:3rem}.card-wrapper,.grid{perspective:1000px}.card{position:relative;background:var(--card-bg);border-radius:20px;padding:2.5rem;text-align:left;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:0 30px 50px -20px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05);transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s ease;transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:space-between;min-height:400px;overflow:hidden}.card:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(125deg,transparent 20%,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,.1) 60%,transparent 80%);background-size:200% 200%;background-position:200% 0;transition:opacity .5s,background-position .5s ease-out;pointer-events:none;z-index:2;mix-blend-mode:overlay}.card:after,.card:before{content:"";position:absolute;opacity:0}.card:after{inset:-2px;border-radius:22px;background:linear-gradient(45deg,var(--accent-cyan),var(--accent-purple),var(--accent-magenta));z-index:-1;transition:opacity .5s;filter:blur(15px)}.card.active:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);border-color:hsla(0,0%,100%,.3)}.card.active:hover:before{opacity:1;background-position:0 100%}.card.active:hover:after{opacity:.6}.card.locked{background:var(--locked-bg);opacity:.5;filter:grayscale(100%)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;transform:translateZ(30px)}.day-badge{background:hsla(0,0%,100%,.1);padding:.4rem 1rem;border-radius:30px;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;letter-spacing:1px;color:var(--accent-cyan);border:1px solid rgba(0,240,255,.3)}.card h2{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;transform:translateZ(40px)}.card p{color:var(--text-secondary);margin-bottom:2rem;font-family:Space Mono,monospace;font-size:.9rem;transform:translateZ(20px)}.card-footer{transform:translateZ(30px)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;border-radius:12px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;cursor:pointer;border:none;font-family:Space Mono,monospace;font-size:.9rem;position:relative;overflow:hidden}.btn-primary{background-color:var(--text-primary);color:var(--bg-dark)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .5s}.btn-primary:hover{transform:scale(1.02);box-shadow:0 10px 20px hsla(0,0%,100%,.2)}.btn-primary:hover:before{left:100%}.btn-locked{background-color:hsla(0,0%,100%,.05);color:var(--locked-text);border:1px solid hsla(0,0%,100%,.1);cursor:not-allowed}@keyframes shine{to{background-position:200%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:1024px){.grid{gap:2rem}.hero h1{font-size:3.5rem}}@media (max-width:768px){.container{padding:3rem 1.5rem}.hero{margin-bottom:3rem}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1rem;padding:0 1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{min-height:350px;padding:2rem}}@media (max-width:480px){.container{padding:2rem 1rem}.hero h1{font-size:2rem}.hero p{font-size:.9rem}.grid{grid-template-columns:1fr}.card{min-height:auto;padding:1.5rem}.card h2{font-size:2rem}}