:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ink: #1e293b}body{font-family:"Source Sans 3",system-ui,sans-serif;background:linear-gradient(135deg,#fdfcfb,#e2d1c3);background-attachment:fixed;color:var(--ink);min-height:100vh;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(5.5rem + var(--safe-bottom));-webkit-tap-highlight-color:transparent}@media(max-width:1023px){body{background:#f2f2f7;background-attachment:scroll;touch-action:manipulation;overscroll-behavior-y:none;padding-top:0}}@media(min-width:1024px){body{padding-bottom:var(--safe-bottom)}}.brand-logo{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;letter-spacing:-.05em;line-height:1.05}.brand-logo-my{color:#1e293b}.brand-logo-fyi{background:linear-gradient(90deg,#6d28d9,#db2777,#0891b2,#6d28d9);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brand-logo-fyi-shine 6s linear infinite}@keyframes brand-logo-fyi-shine{0%{background-position:0% 50%}to{background-position:200% 50%}}.brand-logo--inline{display:inline-flex;align-items:center;gap:.5rem}.brand-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.65rem;background:linear-gradient(135deg,#7c3aed,#c026d3 45%,#0891b2);color:#fff;box-shadow:0 2px 10px #7c3aed59}.brand-logo-icon svg{width:1.125rem;height:1.125rem}@media(min-width:640px){.brand-logo-icon{width:2.5rem;height:2.5rem;border-radius:.75rem}.brand-logo-icon svg{width:1.25rem;height:1.25rem}}.soft-glass{background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);border-radius:1.5rem;box-shadow:0 8px 32px #1f268712}@media(min-width:1024px){.soft-glass{border-radius:2rem}}@media(max-width:1023px){.soft-glass{border-radius:1.25rem;box-shadow:0 2px 14px #1e293b12}}.btn-vibrant{background:linear-gradient(90deg,#6366f1,#ec4899);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-vibrant:active{transform:scale(.98)}@media(hover:hover){.btn-vibrant:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f159;filter:brightness(1.08)}}.progress-ring{transition:stroke-dashoffset .25s ease;transform:rotate(-90deg);transform-origin:50% 50%}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px;flex-shrink:0}.status-online{background-color:#10b981;animation:pulse 2s infinite}.status-offline{background-color:#94a3b8}@keyframes pulse{0%{box-shadow:0 0 #10b98173}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.touch-target{min-height:48px;min-width:48px}.bottom-nav-safe{padding-bottom:calc(.5rem + var(--safe-bottom))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}#qr-canvas-wrap canvas{border-radius:.75rem}#qr-reader{background-color:#1e293b}.font-display{font-family:"Source Sans 3",system-ui,sans-serif}.journey-step{transition:background-color .2s,border-color .2s,color .2s}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}