:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg-start, #000);color:var(--color-text-primary, #333);line-height:1.6;overflow-x:hidden}#app,.page{width:100vw;min-height:100vh}.page{display:flex;justify-content:center;align-items:center;overflow:hidden}input{outline:none;border:initial;padding:0;margin:0;text-decoration:inherit;position:relative;display:block;height:100%;background:none;color:inherit;opacity:1;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-indent:inherit;text-transform:inherit;text-shadow:inherit;-webkit-user-select:text;user-select:text}img{display:block;-webkit-user-select:none;user-select:none}div,input{box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 16px}}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease}.btn.btn-primary{background:var(--color-primary, #80aad7);color:var(--color-text-inverse, #fff)}.btn.btn-primary:hover{background:var(--color-hover-primary, #0056b3);transform:translateY(-2px);box-shadow:var(--shadow-primary, 0 2px 20px rgba(0, 0, 0, .1))}.btn.btn-secondary{background:transparent;border:2px solid var(--color-border, rgba(0, 0, 0, .1));color:var(--color-text-primary, #333)}.btn.btn-secondary:hover{background:var(--color-hover-bg, rgba(0, 0, 0, .05));border-color:var(--color-primary, #80aad7);transform:translateY(-2px)}.btn.btn-gradient{background:var(--gradient-primary, linear-gradient(45deg, #80aad7, #6c757d));color:var(--color-text-inverse, #fff);border:none}.btn.btn-gradient:hover{transform:translateY(-3px);box-shadow:var(--shadow-primary, 0 2px 20px rgba(0, 0, 0, .1))}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status.status-success{background:var(--color-success-bg, rgba(40, 167, 69, .1));color:var(--color-success, #4caf8c);border:1px solid var(--color-success, #4caf8c)}.status.status-warning{background:var(--color-warning-bg, rgba(255, 193, 7, .1));color:var(--color-warning, #ffc107);border:1px solid var(--color-warning, #ffc107)}.status.status-error{background:var(--color-error-bg, rgba(220, 53, 69, .1));color:var(--color-error, #dc3545);border:1px solid var(--color-error, #dc3545)}.status.status-info{background:var(--color-info-bg, rgba(23, 162, 184, .1));color:var(--color-info, #17a2b8);border:1px solid var(--color-info, #17a2b8)}a{color:var(--color-primary, #80aad7);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-hover-primary, #0056b3)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary, #333);font-weight:600;line-height:1.2}p{color:var(--color-text-secondary, #666);font-size:14px;line-height:1.6}.gradient-text{background:var(--gradient-primary, linear-gradient(45deg, #80aad7, #6c757d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::selection{background-color:var(--color-primary, rgba(98, 207, 153, .3))}