:root{--white:#fff;--lemon-chiffon:#fffdf5;--bright-amber:#ffce00;--princeton-orange:#f68a29;--hot-fuchsia:#ed4551;--dodger-blue:#3699fc;--emerald:#23ce6b;--majorelle-blue:#623cea;--shadow-grey:#221d23;--color-primary:#ffce00;--color-primary-dark:#c9a000;--color-primary-light:#ffce0026;--color-bg-base:#fffdf5;--color-bg-surface:#ffffffe6;--color-bg-overlay:#fffbd7c7;--color-bg-muted:#ffce001f;--color-bg-dark:#221d23;--color-text-primary:#221d23;--color-text-secondary:#4a4047;--color-text-muted:#8a8090;--color-text-inverse:#fff;--color-text-accent:#c9a000;--color-tag-yellow-bg:#ffce0029;--color-tag-yellow-text:#7a5f00;--color-tag-orange-bg:#f68a2924;--color-tag-orange-text:#7a3a00;--color-tag-red-bg:#ed45511f;--color-tag-red-text:#8c1c24;--color-tag-blue-bg:#3699fc21;--color-tag-blue-text:#0a3d8c;--color-tag-green-bg:#23ce6b21;--color-tag-green-text:#0a6632;--color-tag-purple-bg:#623cea1f;--color-tag-purple-text:#2d1580;--color-success:#23ce6b;--color-warning:#ffce00;--color-danger:#ed4551;--color-info:#3699fc;--color-border:#221d231a;--color-border-strong:#221d2333;--color-border-yellow:#ffce0073;--font-display:"Inter",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:.7rem;--text-sm:.813rem;--text-base:.938rem;--text-md:1.063rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 10px 32px #0000001a,0 4px 8px #0000000d;--shadow-xl:0 20px 48px #0000001f;--shadow-yellow:0 4px 20px #f5c51859;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.35s;--max-width-card:520px;--max-width-content:760px;--max-width-wide:1140px;--navbar-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}a{color:var(--color-text-accent);transition:opacity var(--duration-fast)var(--ease-out);text-decoration:none}a:hover{opacity:.75}img,svg{max-width:100%;display:block}.page-bg{background:#fffdf5;min-height:100vh;position:relative;overflow:hidden}.page-bg__blob{filter:blur(60px);pointer-events:none;opacity:.4;border-radius:50%;position:absolute}.page-bg__blob--1{background:radial-gradient(circle,#ffe566 0%,#0000 70%);width:500px;height:500px;top:-100px;right:-100px}.page-bg__blob--2{background:radial-gradient(circle,gold 0%,#0000 70%);width:400px;height:400px;bottom:-80px;left:-80px}.page-bg__blob--3{background:radial-gradient(circle,#fff3c2 0%,#0000 70%);width:300px;height:300px;top:40%;left:40%}.page-bg__scene{pointer-events:none;opacity:.18;z-index:0;position:absolute;bottom:0;left:0;right:0}.page-bg>:not(.page-bg__blob):not(.page-bg__scene){z-index:1;position:relative}.card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:var(--space-8)var(--space-8);box-shadow:var(--shadow-lg);max-width:var(--max-width-card);border:1px solid #ffffffb3;width:100%;margin:0 auto}.card__inset{background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)var(--space-6)}.card__accent-corner{background:var(--color-primary-400);border-radius:0 var(--radius-xl)0 var(--radius-xl);opacity:.85;width:56px;height:56px;position:absolute;top:0;right:0}.card--wide{max-width:var(--max-width-content)}.card--flat{-webkit-backdrop-filter:none;background:#fff}.card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.card__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);border-radius:var(--radius-pill);cursor:pointer;padding:var(--space-4)var(--space-10);transition:background var(--duration-base)var(--ease-out),transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);white-space:nowrap;border:none;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-primary-400);color:var(--color-text-primary);box-shadow:var(--shadow-yellow)}.btn--primary:hover{background:var(--color-primary-500);box-shadow:0 6px 24px #f5c51873}.btn--primary-dark{background:var(--color-text-primary);color:var(--color-primary-400)}.btn--primary-dark:hover{background:var(--color-bg-dark)}.btn--accept{background:var(--emerald);color:var(--white);padding:var(--space-3)var(--space-8);font-size:var(--text-sm);box-shadow:0 4px 14px #23ce6b4d}.btn--accept:hover{background:#1aad58;box-shadow:0 6px 20px #23ce6b66}.btn--decline{color:var(--color-text-secondary);border:1.5px solid var(--color-border-strong);padding:var(--space-3)var(--space-8);font-size:var(--text-sm);background:0 0}.btn--decline:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.btn--full{width:100%}.btn--lg{padding:var(--space-5)var(--space-12);font-size:var(--text-md)}.btn--sm{padding:var(--space-2)var(--space-5);font-size:var(--text-sm)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-pill);color:var(--color-text-secondary);border:1.5px solid var(--color-border-strong);background:0 0}.btn--icon:hover{background:var(--color-bg-muted)}.tag{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:3px var(--space-3);border-radius:var(--radius-pill);letter-spacing:.01em;white-space:nowrap;display:inline-flex}.tag--yellow{background:var(--color-tag-primary-bg);color:var(--color-tag-primary-text);border:1px solid #f5c5184d}.tag--teal{background:var(--color-tag-teal-bg);color:var(--color-tag-teal-text)}.tag--blue{background:var(--color-tag-blue-bg);color:var(--color-tag-blue-text)}.tag--orange{background:var(--color-tag-orange-bg);color:var(--color-tag-orange-text)}.tag--time{color:var(--color-text-muted);gap:var(--space-1);font-size:var(--text-xs);background:0 0;border:none;padding:0}.tag--featured{background:var(--color-primary-400);color:var(--color-text-primary);font-weight:var(--weight-bold);font-size:var(--text-xs)}.form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.form-label--required:after{content:" *";color:var(--color-danger)}.form-input,.form-select{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-overlay);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);appearance:none;outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #f5c51838}.form-select-wrapper{position:relative}.form-select-wrapper:after{content:"";right:var(--space-4);background:var(--color-text-muted);clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none;width:10px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.form-checkbox{align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-400);cursor:pointer;border-radius:var(--radius-sm)}.drag-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-tag-teal-bg);color:var(--color-tag-teal-text);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:grab;-webkit-user-select:none;user-select:none;margin-bottom:var(--space-2);transition:box-shadow var(--duration-fast)var(--ease-out);display:flex}.drag-item:active{cursor:grabbing;box-shadow:var(--shadow-md)}.drag-item__handle{color:var(--color-tag-teal-text);opacity:.6;font-size:var(--text-md)}.challenge-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)var(--space-5)var(--space-5);gap:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base)var(--ease-out),transform var(--duration-base)var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.challenge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.challenge-card--featured{border-left:4px solid var(--color-primary-400)}.challenge-card__meta{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.challenge-card__title{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-text-primary);flex:1}.challenge-card__read-more{font-size:var(--text-sm);color:var(--color-text-muted);text-underline-offset:3px;align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.challenge-card__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.navbar{height:var(--navbar-height);padding:0 var(--space-8);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;background:#fffc;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar__brand{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:-.01em}.navbar__right{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.navbar__progress{align-items:center;gap:var(--space-3);display:flex}.navbar__step-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.navbar__step-bar{background:var(--color-bg-muted);border-radius:var(--radius-pill);width:80px;height:4px;overflow:hidden}.navbar__step-bar-fill{background:var(--color-primary-400);border-radius:var(--radius-pill);height:100%;transition:width var(--duration-slow)var(--ease-out)}.navbar__step-count{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.back-btn{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);background:var(--color-bg-surface);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);transition:background var(--duration-fast),border-color var(--duration-fast);justify-content:center;align-items:center;display:inline-flex}.back-btn:hover{background:var(--color-bg-muted);border-color:var(--color-text-primary)}.icon-badge{border-radius:var(--radius-pill);background:var(--color-primary-100);border:2px solid var(--color-primary-200);width:72px;height:72px;margin:0 auto var(--space-5);justify-content:center;align-items:center;font-size:32px;display:flex}.icon-badge--sm{width:48px;height:48px;margin-bottom:var(--space-3);font-size:22px}.feature-list{background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)var(--space-6);gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;list-style:none;display:flex}.feature-list__item{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-snug);display:flex}.feature-list__bullet{background:var(--color-primary-400);border-radius:3px;flex-shrink:0;width:10px;height:10px;margin-top:5px}.detail-panel{border-radius:var(--radius-xl)var(--radius-xl)0 0;padding:var(--space-8);max-width:var(--max-width-content);background:#fff;margin:0 auto}.detail-panel__header{margin-bottom:var(--space-6)}.detail-panel__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);margin-bottom:var(--space-4)}.detail-panel__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.detail-panel__section-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text-primary);padding-left:var(--space-3);border-left:3px solid var(--color-primary-400);margin-bottom:var(--space-3);margin-top:var(--space-8)}.detail-panel__body{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.detail-panel__body ul{padding-left:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.detail-panel__body li{line-height:var(--leading-snug)}.detail-panel__body ul ul{margin-top:var(--space-2)}.grid-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.page-content{padding:calc(var(--navbar-height) + var(--space-8))var(--space-6)var(--space-12);max-width:var(--max-width-wide);margin:0 auto}.page-content--centered{min-height:100vh;padding-top:var(--navbar-height);justify-content:center;align-items:center;display:flex}.deco-circle{background:var(--color-primary-400);opacity:.75;pointer-events:none;border-radius:50%;position:absolute}.deco-circle--lg{width:120px;height:120px;top:-20px;right:-20px}.deco-circle--md{width:60px;height:60px}.deco-diamond{border:2px solid var(--color-primary-400);pointer-events:none;opacity:.6;width:18px;height:18px;position:absolute;transform:rotate(45deg)}.deco-triangle{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:14px solid var(--color-primary-300);pointer-events:none;opacity:.7;width:0;height:0;position:absolute}.text-display{font-family:var(--font-display)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-text-accent)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scalePop{0%{opacity:0;transform:scale(.92)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeSlideUp var(--duration-slow)var(--ease-out)both}.animate-pop{animation:scalePop var(--duration-slow)var(--ease-out)both}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}@media (max-width:768px){.card{padding:var(--space-6)var(--space-5);border-radius:var(--radius-lg)}.navbar{padding:0 var(--space-5)}.grid-cards{grid-template-columns:1fr}.page-content{padding-left:var(--space-4);padding-right:var(--space-4)}.detail-panel{padding:var(--space-6)var(--space-5)}}@media (max-width:480px){.btn--full-mobile{width:100%}.card{border-radius:var(--radius-md)}}@media (prefers-color-scheme:dark){:root{--color-bg-base:#1a1906;--color-bg-surface:#23210ad9;--color-bg-overlay:#322f0fb3;--color-bg-muted:#2a2710;--color-text-primary:#f5f0d8;--color-text-secondary:#c5bfa0;--color-text-muted:#857f60;--color-border:#f5c5181f;--color-border-strong:#f5c51838}}