@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #0D6B54;--teal-dark: #062B1E;--teal-mid: #1A9070;--teal-light: #E6F5F0;--teal-pale: #F2FAF7;--purple: #75378C;--purple-light: #C99EE7;--purple-pale: #F0E2FA;--amber: #B8620A;--amber-light: #FDF0E0;--coral: #C0422A;--coral-light: #FCEAE6;--gold: #D4A017;--gold-light: #FDF3D0;--dark: #0D1512;--mid: #3D4F48;--muted: #7A8E87;--border: #E2EDE8;--bg: #F5FAF7;--white: #FFFFFF}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}button{cursor:pointer;font-family:DM Sans,sans-serif}input,textarea,select{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0d6b5433;border-radius:3px}.serif{font-family:Playfair Display,serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.fade-up{animation:fadeUp .5s cubic-bezier(.22,.68,0,1.2) both}.fade-in{animation:fadeIn .35s ease both}.slide-in{animation:slideIn .4s cubic-bezier(.22,.68,0,1.2) both}.card{background:var(--white);border-radius:20px;padding:20px;box-shadow:0 1px 2px #00000008,0 4px 20px #0d6b5412}.card-hover{transition:box-shadow .28s ease,transform .28s ease}.card-hover:hover{box-shadow:0 2px 6px #0000000d,0 14px 40px #0d6b5424;transform:translateY(-3px)}.card-glass{background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:18px}.app-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:50;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,237,232,.8);padding:10px 18px;display:flex;justify-content:space-between;align-items:center}.avatar-sm{width:30px;height:30px;border-radius:50%;background:var(--teal-light);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(226,237,232,.8);display:flex;justify-content:space-around;padding:8px 0 14px;z-index:100}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--muted);padding:4px 10px;border-radius:12px;transition:color .2s ease;font-weight:400}.nav-tab.active{color:var(--teal);font-weight:600}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:10px;letter-spacing:.2px}.nav-dot{width:4px;height:4px;border-radius:2px;background:var(--teal);margin-top:1px}.logo-circle{border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff}.logo-circle img{width:100%;height:100%;object-fit:contain;display:block}.gold-ring{padding:3px;background:#fff;border-radius:50%;display:inline-flex;box-shadow:0 4px 24px #ffffff59}.gold-ring .logo-circle{background:#fff}