.app-container[data-v-9b8c28a8]{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:30px;animation:fadeIn .5s ease-out}.header[data-v-9b8c28a8]{text-align:center;animation:fadeIn .6s ease-out}.title[data-v-9b8c28a8]{font-size:3rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,var(--primary-gradient-1),var(--primary-gradient-2),var(--primary-gradient-3),var(--primary-gradient-4));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-animation 8s ease infinite}.subtitle[data-v-9b8c28a8]{font-size:1.2rem;color:var(--text-muted);font-weight:300}.main-content[data-v-9b8c28a8]{display:flex;flex-direction:column;gap:30px;align-items:center}@media(max-width:768px){.title[data-v-9b8c28a8]{font-size:2.5rem}.subtitle[data-v-9b8c28a8]{font-size:1rem}.app-container[data-v-9b8c28a8],.main-content[data-v-9b8c28a8]{gap:20px}}@media(max-width:480px){.title[data-v-9b8c28a8]{font-size:2rem}.subtitle[data-v-9b8c28a8]{font-size:.9rem}.app-container[data-v-9b8c28a8],.main-content[data-v-9b8c28a8]{gap:15px}}:root{--primary-gradient-1: #ffa63d;--primary-gradient-2: #ff3d77;--primary-gradient-3: #338aff;--primary-gradient-4: #3cf0c5;--bg-dark: #1a1a2e;--bg-card: #16213e;--text-light: #ffffff;--text-muted: #a0a0a0;--border-radius: 50px;--shadow: 0 4px 20px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--bg-dark) 0%,#0f3460 100%);color:var(--text-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){#app{padding:15px}}@media(max-width:480px){#app{padding:10px}}@media(max-width:768px){button,.touch-target{min-width:44px;min-height:44px}}