@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Chivo+Mono:wght@500;600&display=swap";:root{--cf-bg: radial-gradient(circle at 18% 18%, rgba(140, 240, 255, .14), transparent 32%), radial-gradient(circle at 82% 12%, rgba(255, 154, 200, .16), transparent 30%), linear-gradient(138deg, #050814 0%, #0c1026 45%, #050712 100%);--cf-ink: #f7f9ff;--cf-muted: #9eabc2;--cf-strong: #e7ecfa;--cf-accent: #8cf0ff;--cf-panel: rgba(12, 16, 30, .82);--cf-border: rgba(255, 255, 255, .09);--cf-border-strong: rgba(140, 240, 255, .35);--cf-shadow: 0 16px 50px rgba(3, 7, 18, .55);--cf-blur: blur(14px)}.cf-shell{min-height:100vh;background:var(--cf-bg);padding:2.8rem 1.7rem 3.4rem;color:var(--cf-ink);font-family:Montserrat,Chivo Mono,Segoe UI,sans-serif;position:relative;overflow:hidden}.cf-shell *{box-sizing:border-box}.cf-grid-lines{position:absolute;inset:0;background-image:linear-gradient(transparent 96%,#ffffff0a 98%),linear-gradient(90deg,transparent 96%,rgba(255,255,255,.04) 98%);background-size:140px 140px;opacity:.18;pointer-events:none}.cf-glow{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(60px);background:radial-gradient(circle,rgba(140,240,255,.35),transparent 65%);opacity:.7;inset:8% auto auto -4%;animation:cf-float 12s ease-in-out infinite alternate;pointer-events:none}.cf-glow.alt{inset:auto -5% 8% auto;background:radial-gradient(circle,rgba(255,154,200,.32),transparent 60%);animation-duration:14s}.cf-wrap{position:relative;max-width:1140px;margin:0 auto;display:grid;gap:1.4rem}.cf-hero{background:linear-gradient(130deg,#8cf0ff1f,#ffffff0a);border:1px solid var(--cf-border-strong);border-radius:22px;padding:2.2rem;box-shadow:var(--cf-shadow);display:grid;gap:.65rem;position:relative;overflow:hidden;-webkit-backdrop-filter:var(--cf-blur);backdrop-filter:var(--cf-blur)}.cf-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 65%);opacity:.35;pointer-events:none}.cf-hero .cf-chips{display:flex;gap:.5rem;flex-wrap:wrap}.cf-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border-radius:999px;border:1px solid var(--cf-border);background:#ffffff0f;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cf-ink)}.cf-chip.ghost{background:#ffffff0a;color:var(--cf-muted)}.cf-hero .eyebrow{font-size:.82rem;letter-spacing:.14em;color:var(--cf-muted);text-transform:uppercase}.cf-hero h1{margin:.2rem 0 0;font-size:clamp(2.1rem,3.5vw,2.8rem);letter-spacing:-.01em}.cf-hero p{margin:0;color:var(--cf-muted);line-height:1.6;max-width:780px}.cf-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.8rem}.cf-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.2rem;border-radius:14px;border:1px solid var(--cf-border);font-weight:700;letter-spacing:.02em;min-width:180px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;font-family:inherit;position:relative;overflow:hidden}.cf-btn.primary{background:linear-gradient(120deg,#8cf0ff,#3bc8ff);color:#041021;box-shadow:0 16px 44px #4cd6ff66}.cf-btn.secondary{background:#ffffff0d;color:var(--cf-ink);border-style:dashed}.cf-btn:hover{transform:translateY(-1.5px)}.cf-main{display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"challenge details" "challenge steps";gap:1.15rem}.cf-card{background:linear-gradient(160deg,#0c101ee6,#0a0e1cd1);border:1px solid var(--cf-border);border-radius:18px;padding:1.6rem;box-shadow:var(--cf-shadow);position:relative;overflow:hidden;-webkit-backdrop-filter:var(--cf-blur);backdrop-filter:var(--cf-blur)}.cf-card h2{margin:0 0 .35rem;font-size:1.14rem}.cf-card-head{display:flex;align-items:center;gap:.6rem;justify-content:space-between;flex-wrap:wrap}.cf-card p{margin:0;color:var(--cf-muted);line-height:1.55}.cf-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(140,240,255,.07),transparent 38%);opacity:.8;pointer-events:none;animation:cf-pulse 13s ease-in-out infinite}.cf-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:1rem}.cf-detail{background:linear-gradient(145deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.95rem 1rem;box-shadow:inset 0 1px #ffffff0a}.cf-detail .label{font-size:.78rem;letter-spacing:.08em;color:var(--cf-muted);text-transform:uppercase}.cf-detail .value{margin-top:.35rem;font-family:Chivo Mono,Montserrat,monospace;color:var(--cf-strong);word-break:break-word}.cf-steps{display:grid;gap:.7rem;margin-top:.8rem}.cf-step{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:center}.cf-dot{width:10px;height:10px;border-radius:50%;background:var(--cf-accent);box-shadow:0 0 0 6px #8cf0ff29}.cf-step span{color:var(--cf-strong);line-height:1.45}.cf-mini{display:grid;gap:.6rem;margin-top:.7rem}.cf-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:12px;border:1px solid var(--cf-border);background:#ffffff0d;width:fit-content;font-size:.9rem;color:var(--cf-ink)}.cf-progress{display:flex;align-items:center;gap:.5rem;margin-top:.8rem}.cf-dot-live{width:10px;height:10px;border-radius:50%;background:var(--cf-accent);box-shadow:0 0 #8cf0ff73;animation:cf-ping 1.6s infinite ease-out}.cf-progress span{color:var(--cf-strong);font-size:.95rem}.cf-box{margin-top:1rem;border-radius:14px;border:1px dashed rgba(255,255,255,.2);background:linear-gradient(160deg,#ffffff05,#ffffff03);padding:1.1rem;min-height:190px;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff08}.cf-card.cf-challenge{grid-area:challenge}.cf-details-card{grid-area:details}.cf-steps-card{grid-area:steps}.cf-footer{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;color:var(--cf-muted);font-size:.95rem}.cf-link{color:var(--cf-accent);text-decoration:none}.cf-hide-chrome header,.cf-hide-chrome .hamburger-menu{display:none!important}@keyframes cf-pulse{0%,to{opacity:.75}50%{opacity:1}}@keyframes cf-float{0%{transform:translateZ(0)}to{transform:translate3d(16px,10px,0)}}@keyframes cf-ping{0%{box-shadow:0 0 #8cf0ff73}70%{box-shadow:0 0 0 12px #8cf0ff00}to{box-shadow:0 0 #8cf0ff00}}@media(max-width:900px){.cf-main{grid-template-columns:1fr}}@media(max-width:640px){.cf-shell{padding:1.8rem 1rem 2.4rem}.cf-actions{flex-direction:column;align-items:stretch}.cf-btn{width:100%}}