:root{--color-bg-start:#0f0f1a;--color-bg-end:#16162b;--color-bg:#0f0f1a;--color-surface:#26264033;--color-primary:#d4af37;--color-primary-glow:#d4af374d;--color-secondary:#b76e79;--color-text:#fafafa;--color-text-muted:#a0a0a0;--color-success:#22c55e;--color-error:#ef4444;--font-body:"DM Sans", sans-serif;--font-display:"Cormorant Garamond", serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(135deg, var(--color-bg-start) 0%, var(--color-bg-end) 100%);width:100%;height:100%;color:var(--color-text);font-family:var(--font-body);overflow:hidden}#app{width:100%;height:100%;position:relative}.glass{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#2626408c;border:1px solid #d4af3738}button,input,.btn-primary,.secondary-btn,.chip{min-width:48px;min-height:48px}#global-footer{width:100%;padding:var(--space-md);text-align:center;font-family:var(--font-body);letter-spacing:2px;color:var(--color-text);opacity:.6;pointer-events:none;z-index:1000;text-transform:uppercase;font-size:.8rem;position:absolute;bottom:0;left:0}.page-enter{opacity:0;animation:.3s forwards pageEnterAnim;transform:translateY(20px)}.page-exit{opacity:1;animation:.3s forwards pageExitAnim;transform:translateY(0)}@keyframes pageEnterAnim{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExitAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.placeholder-page{width:100%;height:100%;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-page h1{font-family:var(--font-display);margin-bottom:var(--space-xl);color:var(--color-text);text-align:center;font-size:3rem}.btn-primary{background:var(--color-primary);color:var(--color-bg-start);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 4px 20px var(--color-primary-glow);border:none;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.btn-primary:active{transform:scale(.95)}