:root{--primary: #f97316;--bg: #fdfcf8;--white-soft: #ffffff;--orange-100: #ffedd5;--orange-500: #f97316;--orange-600: #ea580c;--amber-50: #fff7e0;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-500: #f59e0b;--amber-600: #d97706;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-500: #10b981;--emerald-600: #047857;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-500: #e11d48;--rose-600: #c2083f;--slate-100: #f8fafc;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--blue-500: #3b82f6;--indigo-500: #6366f1}body{margin:0;background-color:var(--bg);-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--slate-800);line-height:1.6}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.glass-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.font-mono{font-family:JetBrains Mono,Menlo,monospace}button:active{transform:scale(.96)}input:focus,select:focus{box-shadow:0 0 0 5px #f9731626;outline:none}.task-item-hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.task-item-hover:hover{transform:translateY(-4px) scale(1.01)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--amber-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.98);opacity:.9}}.animate-soft{animation:pulse-soft 4s infinite ease-in-out}svg path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 2.5s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}@media (max-width: 768px){.lg\:grid-cols-12{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:col-span-7,.lg\:col-span-5{grid-column:span 1 / span 1}nav{padding:1rem 1.5rem}main{padding:1.5rem 1rem}.p-8,.p-10{padding:1.5rem}.text-8xl{font-size:4rem;line-height:1}.text-4xl{font-size:2rem}.text-2xl{font-size:1.25rem}.text-lg{font-size:1.1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.w-20,.h-20{width:16;height:16}.rounded-[3rem]{border-radius:1.5rem}.rounded-[4rem]{border-radius:2rem}.rounded-[2.5rem]{border-radius:1.5rem}.mb-8{margin-bottom:1rem}.py-6{padding-top:1rem;padding-bottom:1rem}.gap-6{gap:1rem}}.shadow-premium{box-shadow:0 25px 50px -12px #f973161a}.summary-overlay{background:radial-gradient(circle at center,#f973161a,#0f172af2)}.mascot-avatar{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.mascot-avatar:hover{transform:rotate(10deg) scale(1.2)}.progress-container{height:10px;background:#f1f5f9;border-radius:20px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#f97316,#fbbf24);transition:width .8s cubic-bezier(.65,0,.35,1)}.tag{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:6px}.task-list-container{max-height:500px;overflow-y:auto;padding-right:8px}.task-list-container::-webkit-scrollbar{width:4px}.task-list-container::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:rotate-6{transform:rotate(6deg)}.group:hover .group-hover\:bg-orange-600{background-color:var(--orange-600)}.group:hover .group-hover\:text-rose-500{color:var(--rose-500)}.group:hover .group-hover\:bg-rose-50{background-color:var(--rose-50)}.group:hover .group-hover\:bg-white\/20{background-color:#fff3}.animate-pulse{animation:pulse 2s infinite;opacity:.8}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to,20%,50%,80%{transform-origin:bottom center;animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translateY(0)}20%{transform:translateY(-10px)}50%{transform:translateY(-5px);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}80%{transform:translateY(-3px)}}.flex{display:flex}.grid{display:grid}.gap-8{gap:2rem}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.justify-between{justify-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.w-full{width:100%}.w-64{width:16rem}.w-20{width:5rem}.w-16{width:4rem}.w-14{width:3.5rem}.w-12{width:3rem}.w-10{width:2.5rem}.w-5{width:1.25rem}.h-64{height:16rem}.h-24{height:6rem}.h-20{height:5rem}.h-14{height:3.5rem}.h-12{height:3rem}.h-5{height:1.25rem}.min-h-screen{min-height:100vh}.p-12{padding:3rem}.p-8{padding:2rem}.p-6{padding:1.5rem}.p-5{padding:1.25rem}.p-4{padding:1rem}.p-2{padding:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-3.5{padding-top:.875rem;padding-bottom:.875rem}.py-2.5{padding-top:.625rem;padding-bottom:.625rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1.5{padding-top:.375rem;padding-bottom:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mb-10{margin-bottom:2.5rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.625rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-mono{font-family:JetBrains Mono,monospace}.tracking-tight{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-[.2em]{letter-spacing:.2em}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.italic{font-style:italic}.tabular-nums{font-variant-numeric:tabular-nums}.drop-shadow-2xl{filter:drop-shadow(0 25px 50px rgba(0,0,0,.2))}.bg-white{background-color:var(--white-soft)}.bg-white\/80{background-color:#fffc}.bg-white\/10{background-color:#ffffff1a}.bg-orange-50,.bg-orange-100{background-color:var(--orange-100)}.bg-orange-500{background-color:var(--orange-500)}.bg-orange-600{background-color:var(--orange-600)}.bg-amber-50{background-color:var(--amber-50)}.bg-amber-100{background-color:var(--amber-100)}.bg-amber-200{background-color:var(--amber-200)}.bg-amber-500{background-color:var(--amber-500)}.bg-amber-600{background-color:var(--amber-600)}.bg-emerald-50{background-color:var(--emerald-50)}.bg-emerald-100{background-color:var(--emerald-100)}.bg-emerald-200{background-color:var(--emerald-200)}.bg-emerald-500{background-color:var(--emerald-500)}.bg-emerald-600{background-color:var(--emerald-600)}.bg-rose-50{background-color:var(--rose-50)}.bg-rose-100{background-color:var(--rose-100)}.bg-rose-200{background-color:var(--rose-200)}.bg-rose-500{background-color:var(--rose-500)}.bg-rose-600{background-color:var(--rose-600)}.bg-slate-50,.bg-slate-100{background-color:var(--slate-100)}.bg-slate-200{background-color:var(--slate-200)}.bg-slate-300{background-color:var(--slate-300)}.bg-slate-400{background-color:var(--slate-400)}.bg-slate-500{background-color:var(--slate-500)}.bg-slate-600{background-color:var(--slate-600)}.bg-slate-700{background-color:var(--slate-700)}.bg-slate-800{background-color:var(--slate-800)}.bg-slate-900{background-color:var(--slate-900)}.bg-blue-500{background-color:var(--blue-500)}.bg-indigo-500{background-color:var(--indigo-500)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--orange-500),var(--amber-500))}.text-white{color:var(--white-soft)}.text-orange-400{color:#f97316}.text-orange-500{color:var(--orange-500)}.text-orange-600{color:var(--orange-600)}.text-amber-600{color:var(--amber-600)}.text-emerald-600{color:var(--emerald-600)}.text-rose-400,.text-rose-500{color:var(--rose-500)}.text-slate-300{color:var(--slate-300)}.text-slate-400{color:var(--slate-400)}.text-slate-500{color:var(--slate-500)}.text-slate-600{color:var(--slate-600)}.text-slate-700{color:var(--slate-700)}.text-slate-800{color:var(--slate-800)}.text-slate-900{color:var(--slate-900)}.text-blue-500{color:var(--blue-500)}.text-indigo-700{color:#4338ca}.text-[10px]{font-size:.625rem}.text-[11px]{font-size:.6875rem}.text-[14px]{font-size:.875rem}.text-[16px]{font-size:1rem}.text-[20px]{font-size:1.25rem}.text-[32px]{font-size:2rem}.text-[36px]{font-size:2.25rem}.text-[40px]{font-size:2.5rem}.text-[64px]{font-size:4rem}.border-2{border-width:2px}.border-4{border-width:4px}.border-b-4{border-bottom-width:4px}.border-orange-100{border-color:var(--orange-100)}.border-orange-200{border-color:var(--orange-200)}.border-orange-400{border-color:#f97316}.border-orange-500{border-color:var(--orange-500)}.border-orange-600{border-color:var(--orange-600)}.border-orange-700{border-color:#c2410c}.border-orange-50{border-color:var(--orange-100)}.border-amber-200{border-color:var(--amber-200)}.border-slate-100{border-color:var(--slate-100)}.border-slate-200{border-color:var(--slate-200)}.border-slate-400{border-color:var(--slate-400)}.border-slate-700{border-color:var(--slate-700)}.border-slate-800{border-color:var(--slate-800)}.border-white{border-color:var(--white-soft)}.border-white\/10{border-color:#ffffff1a}.border-emerald-100{border-color:var(--emerald-100)}.border-emerald-200{border-color:var(--emerald-200)}.border-rose-50{border-color:var(--rose-50)}.border-rose-100{border-color:var(--rose-100)}.border-rose-200{border-color:var(--rose-200)}.border-rose-500{border-color:var(--rose-500)}.border-transparent{border-color:transparent}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-[2.5rem]{border-radius:1.5rem}.rounded-[3rem]{border-radius:1.5rem}.rounded-[4rem]{border-radius:2rem}.rounded-md{border-radius:.375rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -2px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-inner{box-shadow:inset 0 2px 4px #0000000d}.shadow-orange-200{box-shadow:0 4px 6px -1px #f973161a,0 2px 4px -2px #f973160d}.shadow-orange-100{box-shadow:0 1px 3px #fde6d780,0 1px 2px #fde6d70f}.blur-xl{filter:blur(24px)}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .3s ease,background-color .3s ease}.transition-transform{transition:transform .3s ease}.scale-95{transform:scale(.95)}.scale-96{transform:scale(.96)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-6{transform:rotate(6deg)}.rotate-10{transform:rotate(10deg)}.rotate-12{transform:rotate(12deg)}.translate-y-0{transform:translateY(0)}.translate-y-40,.translate-y-10{transform:translateY(2.5rem)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leading-tight{line-height:1.25}.select-none{-webkit-user-select:none;user-select:none}.outline-none{outline:none}.list-none{list-style:none;padding-left:0}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-[100]{z-index:100}.col-span-1{grid-column:span 1 / span 1}@media (min-width: 1024px){.lg\:col-span-5{grid-column:span 5 / span 5}}@media (min-width: 1024px){.lg\:col-span-7{grid-column:span 7 / span 7}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-5{grid-column:span 5 / span 5}}