@font-face{font-family:system-ui;src:local("Arial")}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0;font-family:"Plus Jakarta Sans",Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,select{text-transform:none}button{cursor:pointer}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:inherit}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes pulse{50%{opacity:.5}}
.min-h-screen{min-height:100vh}
.flex{display:flex}
.flex-col{flex-direction:column}
.font-sans{font-family:"Plus Jakarta Sans",Arial,sans-serif}
.selection\:bg-roo-gold::selection{background-color:#F6B21A}
.selection\:text-roo-bg::selection{color:#FFF7E3}
.border-b{border-bottom-width:1px}
.border-roo-border\/80{border-color:rgb(242 210 138 / 0.8)}
.bg-roo-card\/95{background-color:rgb(255 253 247 / 0.95)}
.backdrop-blur-md{backdrop-filter:blur(12px)}
.sticky{position:sticky}
.top-0{top:0}
.z-50{z-index:50}
.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.max-w-\[1640px\]{max-width:1640px}
.mx-auto{margin-left:auto;margin-right:auto}
.px-4{padding-left:1rem;padding-right:1rem}
@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}
.h-20{height:5rem}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-4{gap:1rem}
.min-w-0{min-width:0}
.h-12{height:3rem}
@media (min-width:640px){.sm\:h-14{height:3.5rem}}
.w-auto{width:auto}
.max-w-\[58vw\]{max-width:58vw}
@media (min-width:768px){.md\:max-w-\[340px\]{max-width:340px}}
.object-contain{object-fit:contain}
.relative{position:relative}
.flex-grow{flex-grow:1}
.w-full{width:100%}
.py-8{padding-top:2rem;padding-bottom:2rem}
.z-10{z-index:10}
.border-roo-border\/50{border-color:rgb(242 210 138 / 0.5)}
.mb-8{margin-bottom:2rem}
.overflow-x-auto{overflow-x:auto}
.gap-2{gap:0.5rem}
.pb-1{padding-bottom:0.25rem}
.shrink-0{flex-shrink:0}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.font-bold{font-weight:700}
.text-white{color:#3D2A12}
.w-5{width:1.25rem}
.h-5{height:1.25rem}
.text-roo-textMuted{color:#6F6A5F}
.hover\:text-white:hover{color:#3D2A12}
.gap-8{gap:2rem}
.gap-6{gap:1.5rem}
.bg-roo-card{background-color:#FFFDF7}
.border{border-width:1px}
.rounded-2xl{border-radius:1rem}
.p-6{padding:1.5rem}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / .25)}
.overflow-hidden{overflow:hidden}
.absolute{position:absolute}
.left-0{left:0}
.w-1\.5{width:0.375rem}
.h-full{height:100%}
.bg-amber-500{background-color:#f59e0b}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
@media (min-width:640px){.sm\:grid-cols-\[minmax\(0\,1fr\)_190px\]{grid-template-columns:minmax(0,1fr) 190px}}
.items-start{align-items:flex-start}
.mb-6{margin-bottom:1.5rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.font-extrabold{font-weight:800}
.w-8{width:2rem}
.h-8{height:2rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.max-w-4xl{max-width:4xl}
.leading-relaxed{line-height:1.625}
.mt-2{margin-top:0.5rem}
.justify-self-center{justify-self:center}
@media (min-width:640px){.sm\:justify-self-end{justify-self:end}}
.bg-roo-bg{background-color:#FFF7E3}
.border-roo-border{border-color:#F2D28A}
.justify-center{justify-content:center}
.p-3{padding:0.75rem}
.ring-1{box-shadow:0 0 0 1px var(--tw-ring-color, rgb(255 255 255 / .1))}
.ring-white\/10{--tw-ring-color:rgb(255 255 255 / .1)}
.text-xxs{font-size:0.625rem;line-height:0.875rem}
.block{display:block}
.mb-2{margin-bottom:0.5rem}
.uppercase{text-transform:uppercase}
.tracking-wider{letter-spacing:0.05em}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.gap-3{gap:0.75rem}
.bg-roo-bg\/60{background-color:rgb(255 247 227 / 0.6)}
.p-1\.5{padding:0.375rem}
.rounded-xl{border-radius:.75rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.rounded-lg{border-radius:.5rem}
.border-roo-accentRed\/30{border-color:rgb(243 107 93 / 0.3)}
.bg-roo-accentRed\/10{background-color:rgb(243 107 93 / 0.1)}
.w-2\.5{width:0.625rem}
.h-2\.5{height:0.625rem}
.rounded-full{border-radius:9999px}
.bg-roo-accentRed{background-color:#F36B5D}
.border-transparent{border-color:transparent}
.bg-transparent{background-color:transparent}
.bg-yellow-500{background-color:#eab308}
.space-y-6{--space-y:1.5rem}
.space-y-6>*+*{margin-top:1.5rem}
.bg-roo-bg\/30{background-color:rgb(255 247 227 / 0.3)}
.p-4{padding:1rem}
.gap-1\.5{gap:0.375rem}
.bg-roo-bg\/90{background-color:rgb(255 247 227 / 0.9)}
.p-1{padding:0.25rem}
.w-6{width:1.5rem}
.h-6{height:1.5rem}
.rounded-md{border-radius:.375rem}
.bg-roo-cardLight{background-color:#FFE9A8}
.hover\:bg-roo-border:hover{background-color:#F2D28A}
.text-center{text-align:center}
.text-roo-gold{color:#F6B21A}
.mt-6{margin-top:1.5rem}
.border-t{border-top-width:1px}
.border-roo-border\/40{border-color:rgb(242 210 138 / 0.4)}
.pt-4{padding-top:1rem}
.text-\[10px\]{font-size:10px}
.flex-wrap{flex-wrap:wrap}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.font-semibold{font-weight:600}
.bg-roo-gold{background-color:#F6B21A}
.mb-4{margin-bottom:1rem}
.inline-block{display:inline-block}
.space-y-3{--space-y:0.75rem}
.space-y-3>*+*{margin-top:0.75rem}
.bg-roo-bg\/40{background-color:rgb(255 247 227 / 0.4)}
.w-14{width:3.5rem}
.h-14{height:3.5rem}
.bg-amber-950\/30{background-color:rgb(69 26 3 / 0.3)}
.border-amber-800\/30{border-color:rgb(146 64 14 / 0.3)}
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}
.text-\[9px\]{font-size:9px}
.font-montserrat{font-family:Montserrat,Arial,sans-serif}
.bg-blue-950\/30{background-color:rgb(23 37 84 / 0.3)}
.border-blue-800\/30{border-color:rgb(30 64 175 / 0.3)}
.bg-purple-950\/30{background-color:rgb(59 7 100 / 0.3)}
.border-purple-800\/30{border-color:rgb(107 33 168 / 0.3)}
.text-purple-300{color:#d8b4fe}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-amber-500\/10{--tw-gradient-from:rgb(245 158 11 / 0.1);--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-amber-600\/15{--tw-gradient-stops:var(--tw-gradient-from),rgb(217 119 6 / 0.15),var(--tw-gradient-to)}
.to-transparent{--tw-gradient-to:transparent}
.border-amber-500\/30{border-color:rgb(245 158 11 / 0.3)}
.p-5{padding:1.25rem}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1)}
.text-amber-400{color:#fbbf24}
.tracking-widest{letter-spacing:0.1em}
.mb-1{margin-bottom:0.25rem}
.w-9{width:2.25rem}
.h-9{height:2.25rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.font-black{font-weight:900}
.tracking-tight{letter-spacing:-0.025em}
.hidden{display:none}
.bg-purple-500{background-color:#a855f7}
.bg-orange-400{background-color:#fb923c}
.bg-purple-400{background-color:#c084fc}
.from-purple-500\/10{--tw-gradient-from:rgb(168 85 247 / 0.1);--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-purple-600\/15{--tw-gradient-stops:var(--tw-gradient-from),rgb(147 51 234 / 0.15),var(--tw-gradient-to)}
.border-purple-500\/30{border-color:rgb(168 85 247 / 0.3)}
.text-purple-400{color:#c084fc}
.bg-sky-400{background-color:#38bdf8}
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}
.border-sky-400\/30{border-color:rgb(56 189 248 / 0.3)}
.bg-sky-400\/10{background-color:rgb(56 189 248 / 0.1)}
.bg-sky-300{background-color:#7dd3fc}
.bg-indigo-300{background-color:#a5b4fc}
.bg-amber-300{background-color:#fcd34d}
.bg-emerald-300{background-color:#6ee7b7}
.bg-rose-300{background-color:#fda4af}
.bg-sky-950\/30{background-color:rgb(8 47 73 / 0.3)}
.border-sky-800\/30{border-color:rgb(7 89 133 / 0.3)}
.from-sky-500\/10{--tw-gradient-from:rgb(14 165 233 / 0.1);--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-sky-600\/15{--tw-gradient-stops:var(--tw-gradient-from),rgb(2 132 199 / 0.15),var(--tw-gradient-to)}
.border-sky-500\/30{border-color:rgb(14 165 233 / 0.3)}
.text-sky-300{color:#7dd3fc}
@media (min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}}
@media (min-width:1024px){.lg\:col-span-7{grid-column:span 7 / span 7}}
.bg-teal-400{background-color:#2dd4bf}
@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}
.text-roo-bg{color:#FFF7E3}
.focus\:border-roo-gold:focus{border-color:#F6B21A}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.border-teal-400\/30{border-color:rgb(45 212 191 / 0.3)}
.bg-teal-400\/10{background-color:rgb(45 212 191 / 0.1)}
@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5 / span 5}}
.from-teal-500\/10{--tw-gradient-from:rgb(20 184 166 / 0.1);--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-teal-600\/15{--tw-gradient-stops:var(--tw-gradient-from),rgb(13 148 136 / 0.15),var(--tw-gradient-to)}
.border-teal-500\/30{border-color:rgb(20 184 166 / 0.3)}
.text-teal-400{color:#2dd4bf}
@media (min-width:1024px){.lg\:col-span-8{grid-column:span 8 / span 8}}
.bg-roo-accentBlue{background-color:#34A6E8}
.flex-1{flex:1 1 0%}
.text-base{font-size:1rem;line-height:1.5rem}
@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}
.space-y-4{--space-y:1rem}
.space-y-4>*+*{margin-top:1rem}
.w-28{width:7rem}
.h-28{height:7rem}
.text-blue-500{color:#3b82f6}
.bg-roo-bg\/20{background-color:rgb(255 247 227 / 0.2)}
.border-roo-border\/30{border-color:rgb(242 210 138 / 0.3)}
.text-roo-accentBlue{color:#34A6E8}
.text-roo-accentGreen{color:#3BC49A}
.bg-amber-50\/80{background-color:rgb(255 251 235 / 0.8)}
.space-y-2{--space-y:0.5rem}
.space-y-2>*+*{margin-top:0.5rem}
.border-roo-border\/60{border-color:rgb(242 210 138 / 0.6)}
.pt-2{padding-top:0.5rem}
.text-roo-accentRed{color:#F36B5D}
.space-y-8{--space-y:2rem}
.space-y-8>*+*{margin-top:2rem}
.max-w-md{max-width:md}
.w-32{width:8rem}
.h-32{height:8rem}
.mt-3{margin-top:0.75rem}
.w-36{width:9rem}
.text-left{text-align:left}
.pt-3{padding-top:0.75rem}
@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4 / span 4}}
.w-20{width:5rem}
.from-blue-500\/10{--tw-gradient-from:rgb(59 130 246 / 0.1);--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-blue-600\/15{--tw-gradient-stops:var(--tw-gradient-from),rgb(37 99 235 / 0.15),var(--tw-gradient-to)}
.border-blue-500\/30{border-color:rgb(59 130 246 / 0.3)}
.text-blue-400{color:#60a5fa}
@media (min-width:1280px){.xl\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}}
@media (min-width:1280px){.xl\:col-span-8{grid-column:span 8 / span 8}}
@media (min-width:1024px){.lg\:flex-row{flex-direction:row}}
@media (min-width:1024px){.lg\:items-start{align-items:flex-start}}
@media (min-width:1024px){.lg\:justify-between{justify-content:space-between}}
.gap-5{gap:1.25rem}
.max-w-3xl{max-width:3xl}
@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}
.min-w-\[280px\]{min-width:280px}
@media (min-width:1024px){.lg\:min-w-\[520px\]{min-width:520px}}
.min-h-\[58px\]{min-height:58px}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.text-\[11px\]{font-size:11px}
.leading-tight{line-height:1.25}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.gap-1{gap:0.25rem}
@media (min-width:1280px){.xl\:col-span-4{grid-column:span 4 / span 4}}
.from-sky-400\/10{--tw-gradient-from:rgb(56 189 248 / 0.1);--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-amber-400\/10{--tw-gradient-stops:var(--tw-gradient-from),rgb(251 191 36 / 0.1),var(--tw-gradient-to)}
.mb-5{margin-bottom:1.25rem}
.bg-roo-accentGreen{background-color:#3BC49A}
.bg-roo-card\/85{background-color:rgb(255 253 247 / 0.85)}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.mt-12{margin-top:3rem}
@media (min-width:640px){.sm\:flex-row{flex-direction:row}}
.animate-bounce{animation:bounce 1s infinite}
.bg-teal-950\/30{background-color:rgb(4 47 46 / 0.3)}
.border-teal-800\/30{border-color:rgb(17 94 89 / 0.3)}
.bg-orange-950\/30{background-color:rgb(67 20 7 / 0.3)}
.border-orange-800\/30{border-color:rgb(154 52 18 / 0.3)}
.text-orange-400{color:#fb923c}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.capitalize{text-transform:capitalize}
.h-1\.5{height:0.375rem}
.space-y-1{--space-y:0.25rem}
.space-y-1>*+*{margin-top:0.25rem}
.from-emerald-400\/10{--tw-gradient-from:rgb(52 211 153 / 0.1);--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.text-2xl{font-size:1.5rem;line-height:2rem}
@media (min-width:640px){.sm\:items-center{align-items:center}}
.text-amber-700{color:#b45309}
.bg-amber-100{background-color:#fef3c7}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.disabled\:opacity-40:disabled{opacity:0.4}
.hover\:bg-roo-goldHover:hover{background-color:#FFC842}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.min-w-\[{min-width:[}
.bg-amber-500\/10{background-color:rgb(245 158 11 / 0.1)}
.bg-purple-500\/10{background-color:rgb(168 85 247 / 0.1)}
.text-orange-500{color:#f97316}
.text-sky-500{color:#0ea5e9}
.text-amber-500{color:#f59e0b}