@import "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Manrope:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-primary:#7f5200;--color-primary-dim:#704700;--color-primary-container:#f9a825;--color-on-primary:#fff0e2;--color-on-primary-container:#4e3000;--color-surface:#fff5e9;--color-on-surface:#3f2b00;--color-on-surface-variant:#725722;--color-surface-container-lowest:#fff;--color-surface-container-low:#ffefd7;--color-surface-container:#ffe5ba;--color-surface-container-high:#ffdea5;--color-surface-container-highest:#ffd790;--color-outline-variant:#caa86b;--color-outline:#8f723b;--color-tertiary-container:#fedb42;--color-on-tertiary-container:#5d4d00;--color-background:#fff5e9;--bottom-nav-height:5.5rem;--top-nav-height:3.75rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{background-color:var(--color-surface);color:var(--color-on-surface);-webkit-font-smoothing:antialiased;font-family:Manrope,sans-serif}#root{height:100%}.font-serif{font-family:Noto Serif,serif}.font-serif-italic{font-family:Noto Serif,serif;font-style:italic}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;vertical-align:middle;font-family:Material Symbols Outlined;line-height:1;display:inline-block}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.portal-layout{flex-direction:column;min-height:100%;display:flex}.portal-main{padding-top:calc(var(--top-nav-height) + .75rem);flex:1;width:100%;max-width:480px;margin:0 auto;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media (width>=768px){.portal-main{max-width:80rem;padding-top:calc(var(--top-nav-height) + 2rem);padding-bottom:3rem;padding-left:2rem;padding-right:2rem}}.top-nav{z-index:50;width:100%;height:var(--top-nav-height);background-color:var(--color-surface);border-bottom:1px solid color-mix(in srgb, var(--color-outline-variant) 25%, transparent);justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:fixed;top:0}.top-nav-brand{color:var(--color-primary);align-items:center;gap:.5rem;font-family:Noto Serif,serif;font-size:1.15rem;font-style:italic;font-weight:700;display:flex}.top-nav-brand img{object-fit:contain;height:1.75rem}.top-nav-links{display:none}@media (width>=768px){.top-nav-links{align-items:center;gap:2rem;display:flex}.top-nav{padding:0 1.5rem}}.nav-link{color:color-mix(in srgb, var(--color-on-surface) 55%, transparent);border-radius:.5rem;padding:.25rem .5rem;font-family:Noto Serif,serif;font-size:1rem;font-weight:700;text-decoration:none;transition:color .2s,background-color .2s}.nav-link:hover{background-color:color-mix(in srgb, var(--color-primary-container) 30%, transparent)}.nav-link.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.nav-icon-btn{cursor:pointer;color:var(--color-primary);background:0 0;border:none;border-radius:50%;align-items:center;padding:.4rem;line-height:1;transition:background-color .2s;display:flex}.nav-icon-btn:hover{background-color:color-mix(in srgb, var(--color-primary-container) 30%, transparent)}.nav-icon-btn .material-symbols-outlined{font-size:1.25rem}.bottom-nav{bottom:max(1rem, env(safe-area-inset-bottom));z-index:50;width:85%;max-width:360px;height:calc(var(--bottom-nav-height) - 1.5rem);background:color-mix(in srgb, var(--color-surface-container-lowest) 70%, transparent);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);border-top:1px solid #fff6;border-radius:9999px;justify-content:space-around;align-items:center;padding:0 .5rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -8px #00000026,0 2px 8px -2px #0000000d}@media (width>=768px){.bottom-nav{display:none}}.bottom-nav-item{color:color-mix(in srgb, var(--color-on-surface) 40%, transparent);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .5rem;font-size:.55rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item .material-symbols-outlined{margin-bottom:-.1rem;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-item.active{background:linear-gradient(135deg, var(--color-primary-container), color-mix(in srgb, var(--color-primary-container) 80%, white));color:var(--color-on-primary-container);box-shadow:inset 0 1px 2px #ffffff4d}.bottom-nav-item.active .material-symbols-outlined{transform:translateY(-1px)}.tab-bar{background-color:var(--color-surface-container-low);gap:.2rem;padding:.35rem;display:flex}.tab-btn{text-align:center;cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;border-radius:.4rem;flex:1;padding:.7rem .5rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:block}.tab-btn:hover{background-color:var(--color-surface-container-high)}.tab-btn.active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.portal-card{background-color:var(--color-surface-container-lowest);border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #0000000f}.form-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-variant);margin-bottom:.4rem;font-size:.65rem;font-weight:800;display:block}.form-input{background-color:var(--color-surface-container-low);width:100%;color:var(--color-on-surface);-webkit-appearance:none;border:none;border-radius:.5rem;outline:none;padding:.6rem .85rem;font-family:Manrope,sans-serif;font-size:.875rem;transition:box-shadow .2s}.form-input:focus{box-shadow:0 0 0 2px var(--color-primary-container)}.form-input::placeholder{color:color-mix(in srgb, var(--color-on-surface-variant) 45%, transparent)}.btn-primary{width:100%;color:var(--color-on-primary);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dim));box-shadow:0 4px 16px color-mix(in srgb, var(--color-primary) 22%, transparent);cursor:pointer;-webkit-appearance:none;border:none;border-radius:.5rem;padding:.75rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:800;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.97)}.btn-secondary{background-color:var(--color-surface-container-high);width:100%;color:var(--color-on-surface);cursor:pointer;-webkit-appearance:none;border:none;border-radius:.5rem;padding:.6rem;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;transition:background-color .2s}.btn-secondary:hover{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.plans-table{border-collapse:collapse;width:100%}.plans-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--color-on-surface-variant);background-color:var(--color-surface-container-low);text-align:left;padding:.65rem 1rem;font-size:.6rem;font-weight:800}.plans-table th:last-child{text-align:right}.plans-table td{border-top:1px solid color-mix(in srgb, var(--color-outline) 12%, transparent);color:var(--color-on-surface-variant);padding:.85rem 1rem;font-size:.875rem}.plans-table td:first-child{color:var(--color-on-surface);font-weight:700}.plans-table td:last-child{text-align:right;color:var(--color-primary);font-weight:700}.plans-table tr{transition:background-color .15s}.plans-table tr:hover{background-color:color-mix(in srgb, var(--color-primary-container) 10%, transparent)}.pricing-scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.75rem;padding:0 0 .75rem;display:flex;overflow-x:auto}.pricing-scroll-container::-webkit-scrollbar{display:none}.pricing-card{scroll-snap-align:start;background-color:var(--color-surface-container-lowest);border-radius:1rem;flex-direction:column;flex:0 0 72vw;max-width:260px;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.pricing-card.featured{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 8px 24px color-mix(in srgb, var(--color-primary) 25%, transparent)}@media (width>=768px){.pricing-scroll-container{grid-template-columns:repeat(4,1fr);display:grid;overflow:visible}.pricing-card{flex:unset;max-width:none}}.payment-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}@media (width>=480px){.payment-grid{grid-template-columns:repeat(5,1fr)}}.payment-card{background-color:var(--color-surface-container-low);cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:3px solid #0000;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem .5rem;transition:background-color .2s,border-color .2s;display:flex}.payment-card:active{background-color:var(--color-surface-container-high);border-bottom-color:var(--color-primary)}@media (hover:hover){.payment-card:hover{background-color:var(--color-surface-container-high);border-bottom-color:var(--color-primary)}}.status-chip{background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb, var(--color-outline-variant) 35%, transparent);border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.7rem;font-weight:700;display:inline-flex}.status-dot{background-color:#22c55e;border-radius:50%;width:.45rem;height:.45rem;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #22c55e33}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 5px #22c55e14}}.promo-banner{background-color:var(--color-tertiary-container);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex;position:relative;overflow:hidden}.promo-banner:after{content:"";background-color:var(--color-on-tertiary-container);opacity:.07;border-radius:50%;width:6rem;height:6rem;position:absolute;top:-1.5rem;right:-1.5rem}.bento-row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.bento-cell{background-color:var(--color-surface-container-low);text-align:center;border-radius:.85rem;padding:1rem}.section-divider{background:color-mix(in srgb, var(--color-outline-variant) 30%, transparent);height:1px;margin:1.25rem 0}.loading-screen{background-color:var(--color-surface);z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.loading-spinner{border:2.5px solid var(--color-surface-container-high);border-top-color:var(--color-primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scroll-hint{justify-content:center;gap:.35rem;margin-top:.5rem;display:flex}.scroll-hint-dot{background-color:var(--color-outline-variant);border-radius:50%;width:.35rem;height:.35rem;transition:background-color .3s,transform .3s}.scroll-hint-dot.active{background-color:var(--color-primary);transform:scale(1.4)}@media (width>=1024px){.desktop-hero-grid{grid-template-columns:5fr 7fr;align-items:center;gap:2rem;margin-bottom:3rem;display:grid}}