:root{--transition-speed: .6s;--premium-accent: #008060;--premium-bg: #f6f6f7}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--premium-bg)}.app-loading-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#fff,#f0f4f2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-speed) cubic-bezier(.4,0,.2,1),visibility var(--transition-speed)}.app-loading-overlay.hidden{opacity:0;visibility:hidden}.loader-spinner{width:50px;height:50px;border:4px solid rgba(0,128,96,.1);border-top:4px solid var(--premium-accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:24px}.loader-logo{font-size:28px;font-weight:900;color:#1a1a1a;letter-spacing:-1.5px;margin-bottom:12px;background:linear-gradient(135deg,#1a1a1a,#008060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:logo-pulse 2s ease-in-out infinite}.loader-text{font-size:13px;color:#6d7175;font-weight:600;text-transform:uppercase;letter-spacing:2px;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.96);opacity:.8}}.app-content{opacity:0;transform:scale(.99) translateY(10px);transition:opacity var(--transition-speed) cubic-bezier(.4,0,.2,1),transform var(--transition-speed) cubic-bezier(.4,0,.2,1);min-height:100vh}.app-content.visible{opacity:1;transform:scale(1) translateY(0)}s-page{animation:slide-up .8s cubic-bezier(.2,.8,.2,1)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}