.app-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:#fff;background:#1a1a2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}input,textarea{border:none;outline:none;font:inherit;color:inherit;background:transparent}.container{max-width:750px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:500;transition:all .3s ease}.btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn--ghost{border:1px solid rgba(255,255,255,.3);color:#fff}.btn--ghost:hover{background:#ffffff1a}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.loading__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}