@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg:#f7f4ee;--bg-alt:#ede9df;--surface:#fff;--surface-2:#f9f7f3;--forest:#1e3228;--forest-mid:#2d4a38;--sage:#5a8268;--sage-light:#8fb5a0;--sage-muted:#5a82681a;--gold:#c9884a;--gold-dark:#a8713a;--gold-muted:#c9884a1a;--coral:#d4614a;--coral-muted:#d4614a1a;--text:#1a1a1a;--text-mid:#4a5568;--text-light:#8a9bac;--border:#1e32281a;--border-strong:#1e32282e;--shadow-sm:0 1px 3px #0000000f;--shadow:0 4px 16px #1e322814;--shadow-lg:0 8px 32px #1e32281f;--shadow-xl:0 20px 60px #1e322826;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:40px;--transition:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3,h4{font-family:Playfair Display,serif;line-height:1.2}button{cursor:pointer;border:none;outline:none;font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--sage-light);border-radius:3px}.btn-primary{background:var(--forest);color:#fff;letter-spacing:.02em;transition:all var(--transition);white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:.92rem;font-weight:500;display:inline-flex;box-shadow:0 4px 12px #1e322833}.btn-primary:hover{background:var(--forest-mid);transform:translateY(-1px);box-shadow:0 6px 20px #1e322840}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--forest);border:1.5px solid var(--border-strong);transition:all var(--transition);white-space:nowrap;background:0 0;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.92rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--sage-muted);border-color:var(--sage)}.btn-gold{background:var(--gold);color:#fff;transition:all var(--transition);white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:.92rem;font-weight:500;display:inline-flex;box-shadow:0 4px 12px #c9884a4d}.btn-gold:hover{background:var(--gold-dark);transform:translateY(-1px)}.btn-sm{padding:8px 18px;font-size:.82rem}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border)}.card:hover{box-shadow:var(--shadow-lg)}.badge{letter-spacing:.04em;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-forest{background:var(--sage-muted);color:var(--forest)}.badge-gold{background:var(--gold-muted);color:var(--gold-dark)}.badge-coral{background:var(--coral-muted);color:var(--coral)}.badge-sage{color:var(--sage);background:#5a826826}.tag{border-radius:10px;padding:2px 9px;font-size:.73rem;font-weight:600;display:inline-block}.tag-easy{color:var(--sage);background:#5a82681f}.tag-medium{color:var(--gold-dark);background:#c9884a1f}.tag-hard{color:var(--coral);background:#d4614a1f}.section{max-width:1200px;margin:0 auto;padding:80px 24px}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:10px;font-size:.75rem;font-weight:600}.section-title{color:var(--forest);margin-bottom:16px;font-size:clamp(2rem,5vw,3rem)}.section-sub{color:var(--text-mid);max-width:560px;font-size:1.05rem;line-height:1.7}.grid-2{grid-template-columns:1fr;gap:24px;display:grid}.grid-3{grid-template-columns:1fr;gap:20px;display:grid}.grid-4{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (min-width:600px){.grid-3{grid-template-columns:1fr 1fr}}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.page-wrapper{max-width:1200px;min-height:calc(100vh - 72px);margin:0 auto;padding:40px 24px}.page-header{margin-bottom:36px}.page-header h1{color:var(--forest);font-size:clamp(1.8rem,4vw,2.6rem)}.page-header p{color:var(--text-mid);margin-top:8px;font-size:1rem}input,select,textarea{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text);width:100%;transition:border-color var(--transition);outline:none;padding:11px 16px;font-family:Outfit,sans-serif;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--sage)}input::placeholder,textarea::placeholder{color:var(--text-light)}label{color:var(--text-mid);margin-bottom:6px;font-size:.88rem;font-weight:500;display:block}.progress-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--sage), var(--forest));border-radius:3px;height:100%;transition:width .6s}.spinner{border:3px solid var(--border);border-top-color:var(--sage);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.divider{background:var(--border);height:1px;margin:24px 0}.desktop-only{display:none}.mobile-only{display:flex}@media (min-width:768px){.desktop-only{display:flex}.mobile-only{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes breatheIn{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}@keyframes breatheOut{0%{opacity:1;transform:scale(1.3)}to{opacity:.6;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s infinite pulse}.animate-float{animation:4s ease-in-out infinite float}.animate-fadeUp{animation:.5s forwards fadeUp}.stat-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;padding:20px}.stat-card .stat-value{color:var(--forest);font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.stat-card .stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.82rem;font-weight:500}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14231980;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-box{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:540px;box-shadow:var(--shadow-xl);max-height:90vh;padding:32px;animation:.25s scaleIn;overflow-y:auto}.empty-state{text-align:center;color:var(--text-light);padding:60px 24px}.empty-state h3{color:var(--text-mid);margin-bottom:8px;font-size:1.3rem}.nav-active{background:var(--sage-muted)!important;color:var(--forest)!important}.ambient-bg{pointer-events:none;z-index:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ambient-bg .orb{filter:blur(80px);opacity:.45;border-radius:50%;animation:22s ease-in-out infinite orbFloat;display:block;position:absolute}.ambient-bg .orb-1{background:radial-gradient(circle,#c9884a8c 0%,#c9884a00 70%);width:480px;height:480px;animation-delay:0s;top:-120px;left:-100px}.ambient-bg .orb-2{background:radial-gradient(circle,#5a826873 0%,#5a826800 70%);width:560px;height:560px;animation-duration:28s;animation-delay:-7s;bottom:-200px;right:-150px}.ambient-bg .orb-3{background:radial-gradient(circle,#d4614a59 0%,#d4614a00 70%);width:380px;height:380px;animation-duration:32s;animation-delay:-14s;top:40%;left:50%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.08)}66%{transform:translate(-50px,50px)scale(.95)}}@keyframes pulseRing{0%{box-shadow:0 8px 24px #c9884a73,0 0 #c9884a80}70%{box-shadow:0 8px 24px #c9884a73,0 0 0 18px #c9884a00}to{box-shadow:0 8px 24px #c9884a73,0 0 #c9884a00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-primary,.btn-gold{position:relative;overflow:hidden}.btn-primary:after,.btn-gold:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff40 50%,#0000 70%) 0 0/200% 100%;animation:4s ease-in-out infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.card{transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.page-wrapper{z-index:1;position:relative}@keyframes spin360{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin360}