:root{--primary-color:#7c3aed;--primary-hover:#6d28d9;--secondary-color:#a78bfa;--accent-color:#fbbf24;--bg-color:#faf5ff;--bg-gradient:linear-gradient(135deg,#faf5ff,#f3e8ff 50%,#ede9fe);--card-bg:#fff;--text-primary:#1e1b4b;--text-secondary:#6b7280;--border-color:#e9d5ff;--gold:#d97706;--jade:#059669}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:"Noto Serif SC",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-gradient);color:var(--text-primary);line-height:1.8}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);color:#fff;padding:.75rem 0;box-shadow:0 4px 20px rgba(124,58,237,.3);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.05em;gap:.5rem;color:#fff}.logo-icon{font-size:1.75rem;animation:rotate 20s linear infinite;display:inline-block}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav{display:flex;gap:1.5rem}.nav a{color:#fff;opacity:.85;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;font-weight:500;position:relative}.nav a:hover{opacity:1;background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.main{min-height:calc(100vh - 64px);padding:2rem 0}.hero-banner{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);color:#fff;padding:3rem 2rem;border-radius:24px;margin-bottom:2rem;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.hero-content{position:relative;z-index:1;flex:1 1}.hero-icon{font-size:4rem;margin-bottom:1rem;animation:rotate 20s linear infinite;display:inline-block}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:.5rem}.hero-desc{opacity:.7;margin-bottom:1.5rem;max-width:400px}.hero-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;color:#78350f!important;font-weight:600!important;padding:.75rem 2rem!important;height:auto!important;font-size:1rem!important;border-radius:12px!important;box-shadow:0 4px 15px rgba(251,191,36,.4)!important;transition:all .3s ease!important}.hero-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(251,191,36,.5)!important}.hero-decoration{position:relative;width:200px;height:200px}.gear{position:absolute;opacity:.2;animation:rotate 20s linear infinite}.gear-large{font-size:8rem;top:0;right:0}.gear-medium{font-size:5rem;top:50%;left:20%;animation-direction:reverse}.gear-small{font-size:3rem;bottom:10%;right:30%}.user-welcome{background:hsla(0,0%,100%,.1);padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-welcome p{margin-bottom:.5rem;font-size:1.1rem}.user-stats{display:flex;gap:1.5rem;font-size:.9rem;opacity:.8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.feature-link{display:block}.feature-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 20px rgba(124,58,237,.1);border:1px solid var(--border-color);transition:all .3s ease;height:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(124,58,237,.2);border-color:var(--primary-color)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.feature-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.quote-card{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:2rem;border-radius:16px;margin:2rem 0;text-align:center;position:relative;overflow:hidden}.quote-icon{font-size:2rem;margin-bottom:1rem}.quote-text{font-size:1.25rem;font-weight:600;color:#78350f;margin-bottom:.5rem;font-style:italic}.quote-author{font-size:.9rem;color:#92400e;opacity:.8}.card{background:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px rgba(124,58,237,.1);margin-bottom:1.5rem;border:1px solid var(--border-color);transition:all .3s ease}.card:hover{box-shadow:0 8px 30px rgba(124,58,237,.15)}.charts-card,.fortune-card{margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.fortune-content{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.fortune-details{flex:1 1;min-width:250px}.fortune-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.fortune-label{color:var(--text-secondary);font-size:.875rem;width:60px;flex-shrink:0}.fortune-bar{flex:1 1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.fortune-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.fortune-value{font-size:1rem;font-weight:600;width:40px;text-align:right}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,.1);flex-shrink:0}.score-high{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.score-medium{background:linear-gradient(135deg,#fef9c3,#fef08a);color:#a16207}.score-low{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.empty-state{text-align:center;padding:3rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;animation:rotate 20s linear infinite;display:inline-block}.empty-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.charts-list{display:flex;flex-direction:column;gap:.75rem}.chart-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.chart-item:hover{transform:translateX(5px);box-shadow:0 4px 15px rgba(124,58,237,.15)}.chart-info h3{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary)}.chart-meta{color:var(--text-secondary);font-size:.875rem}.signin-section{text-align:center;margin:2rem 0}.signin-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;color:#78350f!important;font-weight:600!important;padding:.75rem 2rem!important;height:auto!important;font-size:1rem!important;border-radius:12px!important;box-shadow:0 4px 15px rgba(251,191,36,.4)!important;transition:all .3s ease!important}.signin-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(251,191,36,.5)!important}.footer{text-align:center;padding:2rem 0;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:2rem}.footer-logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-primary)}.footer-logo span:first-child{animation:rotate 20s linear infinite;display:inline-block}.footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.75rem 0;font-size:.875rem}.footer-links a{color:var(--text-secondary);transition:color .2s}.footer-links a:hover{color:var(--primary-color)}.footer-divider{color:#d1d5db}.footer-disclaimer{font-size:.75rem;opacity:.7;margin-top:.5rem;line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto}.footer-copyright{font-size:.75rem;opacity:.5;margin-top:.75rem}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a78bfa)!important;color:#fff!important;border:none!important;padding:.625rem 1.5rem!important;border-radius:10px!important;cursor:pointer!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 4px 15px rgba(124,58,237,.3)!important}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(124,58,237,.4)!important}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);position:relative;overflow:hidden;padding:2rem}.auth-container{position:relative;z-index:10;width:100%;max-width:420px}.auth-card{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:none}.auth-card .ant-card-body{padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:1.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-primary);margin-bottom:.5rem}.auth-logo-icon{font-size:2rem;animation:rotate 20s linear infinite;display:inline-block}.auth-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;height:48px;padding:0 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;outline:none;transition:all .2s;background:#fafafa}.form-input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.input-with-btn{display:flex;gap:.75rem}.input-with-btn .form-input{flex:1 1}.code-btn{height:48px;padding:0 1rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;white-space:nowrap}.code-btn:hover:not(:disabled){background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#d1d5db}.code-btn:disabled{opacity:.6;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.form-link{color:var(--primary-color);font-weight:500;transition:color .2s}.form-link:hover{color:var(--primary-hover)}.auth-btn{width:100%;height:48px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(124,58,237,.3)}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.4)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.referral-banner{background:linear-gradient(135deg,#dcfce7,#bbf7d0);margin-bottom:1.5rem;color:#15803d;font-weight:500}.referral-banner,.test-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:12px}.test-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:.875rem}.auth-footer{text-align:center;margin-top:1.5rem}.back-link{color:hsla(0,0%,100%,.8);font-size:.875rem;transition:color .2s}.back-link:hover{color:#fff}.auth-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.auth-decoration .gear{position:absolute;opacity:.1;animation:rotate 30s linear infinite}.auth-decoration .gear-1{font-size:20rem;top:-10%;right:-10%}.auth-decoration .gear-2{font-size:15rem;bottom:-5%;left:-5%;animation-direction:reverse}.auth-decoration .gear-3{font-size:10rem;top:40%;left:10%;animation-duration:25s}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.nav{gap:.5rem;flex-wrap:wrap;justify-content:center}.nav a{padding:.375rem .75rem;font-size:.875rem}.hero-banner{flex-direction:column;text-align:center;padding:2rem 1.5rem}.hero-decoration{display:none}.hero-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.chart-item,.fortune-content{flex-direction:column}.chart-item{gap:1rem;text-align:center}.auth-page{padding:1rem}.auth-card .ant-card-body{padding:1.5rem}.form-options{flex-direction:column;gap:.5rem;align-items:flex-start}}