:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-gradient: radial-gradient(ellipse 150% 100% at 50% 0%, rgb(21, 4, 88) 0%, #161b22 50%, rgb(0, 0, 0) 100%)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100vw;min-height:100vh;overflow-x:hidden;box-sizing:border-box;background:var(--main-gradient);position:relative;z-index:-1}#root{width:100vw;margin:0;padding:0;box-sizing:border-box;position:relative;z-index:1;background:var(--main-gradient);min-height:100vh}*{box-sizing:border-box}html{width:100%;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.logo{color:#fff!important;filter:brightness(0) invert(1)}.stellio-logo{height:60px;width:auto;filter:brightness(0) invert(1)}@media (max-width: 768px){.stellio-logo{height:45px}}@media (max-width: 480px){.stellio-logo{height:35px}}.report-selection-container{display:flex;flex-direction:column;min-height:100vh;background-color:transparent;color:#fff}.report-selection-header{padding:40px 20px;text-align:center;border-bottom:1px solid #333333}.report-selection-title{font-size:32px;font-weight:700;margin-bottom:12px;color:#fff}.report-selection-subtitle{font-size:18px;color:#ccc;max-width:600px;margin:0 auto;line-height:1.5}.report-selection-content{flex:1;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin:0 auto 40px}.report-card{background-color:#fff;color:#1a1a1a;border-radius:12px;padding:32px;border:1px solid #e5e5e5;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:500px}.report-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:#6366f1}.report-card-header{margin-bottom:20px}.report-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px}.report-card-title{font-size:24px;font-weight:700;margin-bottom:8px;color:#1a1a1a}.report-card-description{font-size:16px;color:#666;line-height:1.5;margin-bottom:24px}.report-card-features{flex:1;margin-bottom:24px}.report-card-features h4{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.report-card-features ul{list-style:none;padding:0;margin:0}.report-card-features li{font-size:14px;color:#666;margin-bottom:8px;padding-left:20px;position:relative}.report-card-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.report-card-pricing{border-top:1px solid #e5e5e5;padding-top:20px;margin-bottom:20px;margin-top:auto}.report-card-price{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.report-card-price-note{font-size:14px;color:#666}.report-card-button{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.report-card-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.context-upgrade-section{background-color:#2a2a2a;color:#fff;border-radius:12px;padding:32px;text-align:center;border:1px solid #444444;width:100%;max-width:800px}.context-upgrade-title{font-size:24px;font-weight:700;margin-bottom:16px;color:#fff}.context-upgrade-description{font-size:16px;color:#ccc;line-height:1.6;max-width:600px;margin:0 auto 24px}.context-upgrade-price{font-size:20px;font-weight:600;color:#10b981;margin-bottom:8px}.context-upgrade-note{font-size:14px;color:#999}.report-selection-container .report-card{background-color:#fff!important;color:#1a1a1a!important}.report-selection-container .report-card-title{color:#1a1a1a!important}.report-selection-container .report-card-description{color:#666!important}.report-selection-container .report-card-price{color:#1a1a1a!important}.report-selection-container .report-card-price-note{color:#666!important}.report-selection-container .context-upgrade-section{background-color:#2a2a2a!important;color:#fff!important}.report-selection-container .context-upgrade-title{color:#fff!important}.report-selection-container .context-upgrade-description{color:#ccc!important}.report-selection-container .context-upgrade-price{color:#10b981!important}.report-selection-container .context-upgrade-note{color:#999!important}.logout-button{background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}.logout-button:hover{background:#ffffff1a!important;border-color:#ffffff80!important}@media (max-width: 1023px){.reports-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media (max-width: 767px){.report-selection-content,.report-selection-header{padding:40px 16px}.report-selection-title{font-size:28px}.report-selection-subtitle{font-size:16px}.reports-grid{grid-template-columns:1fr!important;max-width:calc(100% - 32px)!important;margin:0 auto 40px!important;padding:0!important;width:100%!important}}@media (max-width: 480px){.report-selection-content,.report-selection-header{padding:32px 12px}.report-selection-title{font-size:26px}.report-selection-subtitle{font-size:15px}.reports-grid{max-width:calc(100% - 24px)!important;margin:0 auto 40px!important}.report-card{padding:24px;min-height:400px}.report-card-title{font-size:20px}.report-card-price{font-size:24px}.report-card-description{font-size:16px}.report-card-button{padding:14px 20px;font-size:15px}.context-upgrade-section{padding:24px}.context-upgrade-title{font-size:20px}.context-upgrade-description{font-size:16px}@media (max-width: 767px){.report-selection-container{overflow-x:hidden!important}.report-selection-content{width:100%!important;max-width:100%!important;padding:40px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important}.reports-grid{width:90%!important;max-width:90%!important;margin:0 auto 40px!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important}.report-card{width:100%!important;max-width:100%!important;margin:0!important}}@media (max-width: 767px){.report-card-description,.context-upgrade-description{font-size:16px!important}.report-card-features li{font-size:15px!important}}}.example-report-link{margin:16px 0;text-align:center}.example-link-button{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px;border-radius:4px;transition:all .2s ease}.example-link-button:hover{background:none;text-decoration:underline;font-weight:700}.guarantee-section{text-align:center;margin:20px 0 30px}.guarantee-badge-image{height:120px;width:auto;max-width:200px}.example-report-link-prominent{background:#6366f11a;border-radius:8px;padding:16px;margin:16px 0;text-align:center;border:1px solid rgba(99,102,241,.2)}.example-link-button-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px;margin-bottom:8px;display:block;width:100%}.example-link-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.example-helper-text{font-size:12px;color:#666;font-style:italic}.guarantee-section-hero{background:linear-gradient(135deg,#f5e45d26,#f5e45d0d);border:1px solid rgba(245,228,93,.3);border-radius:16px;padding:24px;margin:20px auto;max-width:800px;width:100%}.guarantee-content{display:flex;align-items:flex-start;gap:20px;max-width:700px;margin:0 auto}.guarantee-badge-hero{height:120px;width:auto;flex-shrink:0;margin-top:5px}.guarantee-empathy-text{color:#e0e0e0;font-size:16px;line-height:1.5;margin:0;text-align:left}.guarantee-empathy-text strong{color:#f5e45d;font-weight:600}@media (max-width: 767px){.report-selection-container .guarantee-section,.guarantee-section{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important}.guarantee-section .guarantee-badge,.report-selection-container .guarantee-badge{margin:0 auto 20px!important;display:block!important}.guarantee-section .guarantee-text,.report-selection-container .guarantee-text{width:100%!important;max-width:100%!important;text-align:center!important;margin:0!important}}@media (max-width: 767px){.report-selection-content{padding:40px 8px!important}.guarantee-section-hero{margin:20px auto!important;max-width:none!important;width:auto!important;padding:20px 16px!important;box-sizing:border-box!important}.guarantee-content{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:16px!important}.guarantee-badge-hero{margin-top:0!important;order:1}.guarantee-empathy-text{text-align:center!important;order:2}}@media (max-width: 480px){.guarantee-section-hero{margin:20px 4px!important;padding:16px 12px!important}}.example-report-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.example-report-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;border:1px solid #333}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a4e,#26314e);border-radius:16px 16px 0 0}.modal-title-section{flex:1}.modal-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.modal-subtitle{font-size:14px;color:#a0a0a0;margin:0}.modal-close-button{background:none;border:none;color:#a0a0a0;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-button:hover{background-color:#ffffff1a;color:#fff}.modal-content{flex:1;overflow-y:auto;padding:0}.sample-report-content{padding:32px;color:#e0e0e0;line-height:1.7;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.report-header{border-bottom:2px solid #333;padding-bottom:24px;margin-bottom:32px}.report-header h1{font-size:28px;color:#fff;margin:0 0 16px;text-align:center;font-weight:600}.report-meta{background:#ffffff0d;border-radius:8px;padding:16px;border-left:4px solid #F5E45D}.report-meta p{margin:4px 0;font-size:14px;color:#b0b0b0}.report-section{margin-bottom:32px}.report-section h2{font-size:20px;color:#f5e45d;margin:0 0 16px;font-weight:600;border-bottom:1px solid #333;padding-bottom:8px}.report-section p{margin:0 0 16px;font-size:15px;line-height:1.7}.report-section strong{color:#fff;font-weight:600}.special-section{background:#f5e45d0d;border-radius:12px;padding:24px;border:1px solid rgba(245,228,93,.2)}.special-section h2{color:#f5e45d;border-bottom:1px solid rgba(245,228,93,.3)}.insight-box{background:#f5e45d1a;border-radius:8px;padding:20px;margin:20px 0;border-left:4px solid #F5E45D}.insight-box h3{color:#f5e45d;font-size:16px;margin:0 0 12px;font-weight:600}.insight-box p{margin:0;font-style:italic}.context-example{margin:16px 0}.context-example em{color:#a0a0a0;font-size:14px}.context-sample{background:#ffffff08;border-radius:8px;padding:16px;margin-top:12px;border-left:3px solid #4CAF50}.context-sample p{margin:0 0 12px;font-size:14px}.context-sample p:last-child{margin-bottom:0}.celebrity-list{list-style:none;padding:0;margin:16px 0}.celebrity-list li{background:#ffffff0d;padding:12px 16px;margin:8px 0;border-radius:6px;border-left:3px solid #9C27B0}.content-continues{background:#ffffff08;border-radius:8px;padding:20px;text-align:center;border:2px dashed #333;margin-top:32px}.content-continues em{color:#a0a0a0;font-size:14px}.modal-footer{border-top:1px solid #333;padding:24px 32px;background:linear-gradient(135deg,#2a2a4e,#26314e);border-radius:0 0 16px 16px;display:flex;justify-content:flex-end;align-items:center}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px}.guarantee-badge{display:flex;align-items:center;text-align:left;color:#4caf50;font-size:14px;padding:0;margin:0;flex:1;max-width:60%;font-weight:600;line-height:1.2}.footer-text p{margin:0 0 4px;color:#fff}.footer-text p:first-child{font-weight:600;font-size:16px}.footer-text p:last-child{font-size:14px;color:#a0a0a0}.footer-buttons{display:flex;gap:12px;flex-shrink:0;align-items:stretch}.primary-button,.secondary-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-family:inherit}.primary-button{padding:16px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-family:inherit;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;white-space:nowrap;min-height:44px}.primary-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.secondary-button{background:transparent;color:#a0a0a0;border:1px solid #333}.secondary-button:hover{background:#ffffff0d;color:#fff;border-color:#555}@media (max-width: 768px){.example-report-modal-backdrop{padding:10px}.modal-header,.modal-footer,.sample-report-content{padding:20px}.modal-title{font-size:20px}.footer-content{gap:16px;align-items:center}.guarantee-badge{font-size:13px;padding:10px 0;max-width:65%}.footer-buttons{flex-shrink:0}.primary-button{padding:14px 32px;font-size:15px;white-space:nowrap}}@media (max-width: 480px){.modal-header,.modal-footer,.sample-report-content{padding:16px}.modal-title{font-size:18px}.report-header h1{font-size:24px}.report-section h2{font-size:18px}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.login-screen{max-width:450px;margin:0 auto;color:#1a1a1a;padding:0 16px}.login-form-container{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 20px #0000001a;margin-top:40px}.login-header{text-align:center;margin-bottom:32px}.login-header h2{font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.login-header p{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.login-submit-button{background:linear-gradient(135deg,#6366f1,#5856eb);color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;box-shadow:0 4px 12px #6366f133}.login-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.login-toggle{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.login-toggle p{margin:0;color:#6b7280;font-size:14px}.toggle-button{background:none;border:none;color:#6366f1;font-weight:600;cursor:pointer;font-size:14px;transition:color .2s ease;margin-left:4px}@media (max-width: 768px){.login-screen{padding:0 16px}.login-form-container{padding:24px;margin-top:20px}.login-header h2{font-size:24px}.login-header p{font-size:14px}}@media (max-width: 480px){.login-form-container{padding:20px}.form-input{padding:12px 14px}.login-submit-button{padding:14px 20px}}.signup-screen{max-width:500px;margin:0 auto;color:#1a1a1a}.purchase-context{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:12px;padding:24px;margin-bottom:32px;text-align:center}.selected-report{margin-bottom:16px}.selected-report h3{font-size:20px;font-weight:600;margin:0 0 8px}.report-price{font-size:24px;font-weight:700;margin:0;color:#fbbf24}.auth-prompt{border-top:1px solid rgba(255,255,255,.2);padding-top:16px}.auth-prompt p{margin:0;font-size:16px;opacity:.9}.auth-form-container{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 20px #0000001a}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.auth-header p{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-input{padding:14px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;background:#fff;color:#1a1a1a;transition:all .2s ease}.form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.field-error{font-size:12px;color:#ef4444;margin-top:4px}.general-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.auth-submit-button{background:linear-gradient(135deg,#6366f1,#5856eb);color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;box-shadow:0 4px 12px #6366f133}.auth-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.auth-submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.auth-submit-button.submitting{background:#6366f1;cursor:wait}.auth-toggle{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.auth-toggle p{margin:0;color:#6b7280;font-size:14px}.toggle-button{background:none;border:none;color:#6366f1;font-weight:600;cursor:pointer;font-size:14px;transition:color .2s ease}.toggle-button:hover:not(:disabled){color:#5856eb;text-decoration:underline}.toggle-button:disabled{color:#9ca3af;cursor:not-allowed}.purchase-benefits{margin-top:24px;padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.purchase-benefits h4{font-size:16px;font-weight:600;margin:0 0 12px;color:#166534;text-align:center}.benefits-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.benefits-list li{display:flex;align-items:center;gap:8px;font-size:14px;color:#166534;line-height:1.4}.benefit-icon{font-size:16px;width:20px;text-align:center}.security-note{display:flex;align-items:center;gap:8px;margin-top:24px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.security-icon{font-size:16px;color:#6366f1}.security-note p{margin:0;font-size:12px;color:#64748b;line-height:1.4}@media (max-width: 768px){.signup-screen{padding:0 16px}.auth-form-container{padding:24px}.purchase-context{padding:20px}.auth-header h2{font-size:24px}.auth-header p{font-size:14px}}@media (max-width: 480px){.auth-form-container{padding:20px}.purchase-context{padding:16px}.selected-report h3{font-size:18px}.report-price{font-size:20px}.form-input{padding:12px 14px}.auth-submit-button{padding:14px 20px}.benefits-list{gap:6px}.benefits-list li{font-size:13px}}.birth-data-form{max-width:500px;margin:0 auto;color:#1a1a1a}.form-header{text-align:center;margin-bottom:32px}.form-header h2{font-size:28px;font-weight:700;margin:0 0 12px;color:#1a1a1a}.form-header p{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.birth-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px;color:#374151}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;background:#fff;color:#1a1a1a;transition:all .2s ease}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input:invalid{border-color:#6366f1}.form-hint{font-size:12px;color:#6b7280;line-height:1.4}.city-search-container{position:relative;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.city-search-container .form-input{width:100%;box-sizing:border-box}.search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.search-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.city-dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#fff!important;border:2px solid #e5e7eb!important;border-top:none!important;border-radius:0 0 8px 8px!important;max-height:200px!important;overflow-y:auto!important;z-index:9999!important;box-shadow:0 4px 12px #0000001a!important;-webkit-overflow-scrolling:touch!important;transform:translateZ(0)!important;will-change:transform!important;-webkit-transform:translateZ(0)!important;-webkit-backface-visibility:hidden!important}.city-option{padding:12px 16px!important;cursor:pointer!important;border-bottom:1px solid #f3f4f6!important;transition:background-color .2s ease!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;touch-action:manipulation!important}.city-option:hover,.city-option:active{background-color:#f9fafb!important}.city-option:last-child{border-bottom:none!important}.city-name{font-weight:500!important;color:#1a1a1a!important;margin-bottom:2px!important}.city-details{font-size:12px!important;color:#6b7280!important}.submit-button{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.submit-button:hover:not(:disabled){background:#5856eb;transform:translateY(-1px)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.submit-button.submitting{background:#6366f1;cursor:wait}.submit-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:8px}.purchase-note{margin-top:24px;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;align-items:center;gap:12px}.note-icon{font-size:20px;color:#16a34a}.purchase-note p{margin:0;font-size:14px;color:#166534;line-height:1.4}@supports (-webkit-appearance: none){.city-dropdown{-webkit-transform:translateZ(0)!important;-webkit-backface-visibility:hidden!important;-webkit-perspective:1000px!important}.city-search-container{-webkit-transform:translateZ(0)!important;-webkit-perspective:1000px!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){.city-dropdown{transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important}}@media (max-width: 480px){.birth-data-form{padding:0 16px}.form-header h2{font-size:24px}.form-header p{font-size:14px}.birth-form{gap:20px}.form-input{padding:12px 14px}.submit-button{padding:14px 20px}.city-dropdown{max-height:150px!important;border-radius:0 0 6px 6px!important}.city-option{padding:10px 14px!important}}.payment-screen{max-width:600px;margin:0 auto;color:#1a1a1a}.payment-header{text-align:center;margin-bottom:32px}.payment-header h2{font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.payment-header p{font-size:16px;color:#6b7280;margin:0}.report-choice-section{margin-bottom:40px}.report-choice-section h3{font-size:22px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.choice-description{font-size:16px;color:#6b7280;margin:0 0 24px;line-height:1.5}.report-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.report-option{display:block;position:relative;cursor:pointer;border:2px solid #e5e7eb;border-radius:16px;padding:24px;background:#fff;transition:all .3s ease}.report-option:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.report-option.selected{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 6px 20px #10b98126}.report-option.personalized{position:relative}.report-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-content{width:100%;padding-left:48px}.option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.option-title{font-size:18px;font-weight:700;color:#1a1a1a;flex:1}.option-price{font-size:18px;font-weight:700;color:#10b981;text-align:right;flex-shrink:0}.pricing{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.base-price{font-size:14px;color:#6b7280}.upgrade-price{font-size:14px;color:#10b981;font-weight:600}.total-price{font-size:18px;font-weight:700;color:#10b981}.option-description{color:#4b5563;margin:0;line-height:1.6;font-size:15px}.popular-badge{position:absolute;top:-8px;right:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b4d}.report-option:before{content:"";position:absolute;top:20px;left:20px;width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;background:#fff;transition:all .3s ease}.report-option.selected:before{border-color:#10b981;background:#10b981}.report-option.selected:after{content:"";position:absolute;top:26px;left:26px;width:8px;height:8px;border-radius:50%;background:#fff}.context-input-section{margin-top:24px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.context-label{display:block;font-weight:600;color:#374151;margin-bottom:12px;font-size:16px}.context-textarea{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;line-height:1.6;resize:vertical;min-height:140px;background:#fff;color:#1a1a1a;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.context-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#fefffe}.context-textarea::placeholder{color:#9ca3af;font-style:italic}.context-hint{display:block;margin-top:8px;font-size:13px;color:#6b7280;line-height:1.5;font-style:italic}.payment-section{margin-bottom:32px}.payment-section h3{font-size:20px;font-weight:600;margin:0 0 16px;color:#1a1a1a}.security-badges{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.security-badge{display:flex;align-items:center;gap:6px;background:#f0fdf4;border:1px solid #bbf7d0;padding:8px 14px;border-radius:8px;font-size:12px;color:#166534;font-weight:600;transition:all .2s ease}.security-badge:hover{background:#dcfce7;transform:translateY(-1px)}.security-icon{font-size:14px}.payment-form{display:flex;flex-direction:column;gap:20px}.card-element-container{padding:20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .3s ease}.card-element-container:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.payment-submit-button{background:linear-gradient(135deg,#6366f1,#5856eb);color:#fff;border:none;border-radius:12px;padding:18px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px #6366f14d}.payment-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5856eb,#4f46e5);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.payment-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.payment-submit-button.processing{background:#9ca3af}.payment-summary{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px}.payment-summary h4{font-size:18px;font-weight:600;margin:0 0 20px;color:#1a1a1a}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#1a1a1a;font-size:16px;border-bottom:1px solid #e5e7eb}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;font-size:20px;font-weight:700;color:#1a1a1a;margin-top:12px}.upgrade-line{color:#10b981!important;font-weight:500}.included-features{margin:16px 0;padding:16px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.feature-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14px;color:#1f2937!important;opacity:1!important}.feature-icon{font-size:12px;color:#10b981;font-weight:700;width:16px;text-align:center}.payment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.payment-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin .8s linear infinite}.payment-loading p{color:#6b7280;margin:0}.payment-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px}.payment-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.payment-error-state h3{color:#dc2626;margin-bottom:8px}.payment-error-state p{color:#6b7280;margin-bottom:20px}.retry-button{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background:#5856eb}@media (max-width: 768px){.payment-screen{padding:0 16px}.payment-header h2{font-size:26px}.payment-header p{font-size:15px}.report-option{padding:20px}.option-header{flex-direction:row;align-items:flex-start;gap:12px}.option-title{font-size:16px}.option-description{font-size:15px;line-height:1.5}.pricing{align-items:flex-end}.popular-badge{right:16px;font-size:10px;padding:3px 10px}.report-option:before{top:16px;left:16px;width:18px;height:18px}.report-option.selected:after{top:21px;left:21px;width:6px;height:6px}.option-content{padding-left:44px}.context-input-section{padding:20px;margin-top:20px}.context-textarea{min-height:120px;padding:14px 16px;font-size:15px}.security-badges{justify-content:center;gap:8px}.security-badge{font-size:11px;padding:6px 12px}.payment-submit-button{padding:16px 20px;font-size:16px}.payment-summary{padding:20px}.card-element-container{padding:16px}}@media (max-width: 480px){.payment-screen{padding:0 12px}.payment-header h2{font-size:24px}.payment-header p{font-size:14px}.report-choice-section h3{font-size:20px}.report-option{padding:16px;min-height:60px}.option-header{flex-direction:column;align-items:flex-start;gap:8px}.option-title{font-size:16px;width:100%}.pricing{align-self:flex-end}.option-description{font-size:14px;margin-top:8px}.popular-badge{right:12px;top:-6px}.report-option:before{width:20px;height:20px;top:14px;left:14px}.report-option.selected:after{top:20px;left:20px;width:8px;height:8px}.option-content{padding-left:40px}.context-input-section{padding:16px;margin-top:16px}.context-label{font-size:15px}.context-textarea{min-height:100px;font-size:16px;padding:12px 14px}.context-hint{font-size:12px}.payment-summary{padding:16px}.payment-summary h4{font-size:16px}.summary-line{font-size:14px;padding:8px 0}.summary-total{font-size:18px;padding:12px 0 0}.security-badges{flex-direction:column;align-items:center;gap:6px}.security-badge{font-size:12px;padding:5px 10px}.payment-submit-button{padding:14px 16px;font-size:15px}.card-element-container{padding:14px}}@media (max-width: 768px) and (orientation: landscape){.payment-header{margin-bottom:24px}.context-textarea{min-height:80px}}.included-features .feature-item,.included-features .feature-item span{color:#fff!important;opacity:1!important}.feature-icon{color:#10b981!important}.payment-summary{color:#1a1a1a!important}.payment-summary .feature-item,.payment-summary .feature-item span{color:#1f2937!important;opacity:1!important}.payment-summary .summary-line,.payment-summary .summary-total{color:#1a1a1a!important}.order-confirmation{max-width:650px;margin:0 auto;color:#1a1a1a}.confirmation-content{text-align:center;padding:32px}.success-state h2{font-size:32px;font-weight:700;margin:24px 0 16px;color:#059669}.success-state p{font-size:18px;color:#4b5563;margin-bottom:32px;line-height:1.6}.success-animation{margin-bottom:24px}.checkmark{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;animation:checkmarkPulse .6s ease-out;box-shadow:0 8px 32px #10b9814d}@keyframes checkmarkPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.report-preview{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin:32px 0;text-align:left}.preview-header h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.report-meta{font-size:14px;color:#6b7280;margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.context-badge{background:#dcfce7;color:#166534;padding:2px 8px;border-radius:12px;font-weight:500;font-size:12px}.preview-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-style:italic;color:#4b5563;line-height:1.6}.completion-actions{display:flex;gap:16px;justify-content:center;margin:32px 0;flex-wrap:wrap}.primary-action{background:linear-gradient(135deg,#6366f1,#5856eb);color:#fff;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f133}.primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.secondary-action{background:transparent;color:#6366f1;border:2px solid #6366f1;border-radius:8px;padding:14px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-action:hover{background:#6366f1;color:#fff;transform:translateY(-1px)}.next-steps{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:20px;margin:24px 0;text-align:left}.next-steps h4{font-size:16px;font-weight:600;margin:0 0 12px;color:#166534}.next-steps ul{margin:0;padding-left:20px;color:#166534}.next-steps li{margin-bottom:6px;line-height:1.5}.satisfaction-guarantee{display:flex;align-items:center;gap:12px;background:#fef7ff;border:1px solid #f3e8ff;border-radius:8px;padding:16px;margin-top:24px;text-align:left}.guarantee-icon{font-size:24px;color:#9333ea}.guarantee-text strong{display:block;color:#9333ea;font-weight:600;margin-bottom:4px}.guarantee-text p{margin:0;font-size:14px;color:#7c3aed;line-height:1.4}.generating-state h2{font-size:28px;font-weight:700;margin:24px 0 12px;color:#1a1a1a}.generating-state>p{font-size:16px;color:#6b7280;margin-bottom:32px}.generation-animation{margin-bottom:32px;height:120px;display:flex;align-items:center;justify-content:center}.cosmic-spinner{position:relative;width:100px;height:100px}.orbit{position:absolute;border:2px solid rgba(99,102,241,.2);border-radius:50%;animation:rotate 3s linear infinite}.orbit-1{width:40px;height:40px;top:30px;left:30px}.orbit-2{width:60px;height:60px;top:20px;left:20px;animation-duration:4s;animation-direction:reverse}.orbit-3{width:80px;height:80px;top:10px;left:10px;animation-duration:5s}.planet{position:absolute;border-radius:50%;animation:rotate 3s linear infinite}.planet-1{width:8px;height:8px;background:#6366f1;top:28px;left:46px;animation-duration:3s}.planet-2{width:6px;height:6px;background:#10b981;top:17px;left:47px;animation-duration:4s;animation-direction:reverse}.planet-3{width:10px;height:10px;background:#f59e0b;top:5px;left:45px;animation-duration:5s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-progress{margin:32px 0}.progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.current-step{font-weight:500;color:#1a1a1a}.estimated-time{font-size:14px;color:#6b7280;font-family:monospace}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width 1s ease;animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%,to{opacity:1}50%{opacity:.8}}.generation-features{margin:32px 0}.feature-list{display:flex;flex-direction:column;gap:12px;max-width:300px;margin:0 auto}.feature-item{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#f8fafc;border-radius:8px;color:#4b5563}.feature-icon{font-size:18px}.order-details{margin:32px 0;text-align:left}.order-details h4{font-size:18px;font-weight:600;margin:0 0 16px;text-align:center;color:#1a1a1a}.order-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb;color:#4b5563}.summary-row:last-child{border-bottom:none}.summary-row.highlight{color:#10b981;font-weight:500}.wait-note{margin-top:32px;padding:16px;background:#fffbeb;border:1px solid #fed7aa;border-radius:8px}.wait-note p{margin:0;font-size:14px;color:#92400e;line-height:1.5}.error-state{color:#dc2626}.error-icon{font-size:64px;margin-bottom:16px}.error-state h2{font-size:24px;font-weight:600;margin:16px 0;color:#dc2626}.error-state p{color:#6b7280;margin-bottom:24px}.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.retry-button{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background:#b91c1c}.continue-button{background:transparent;color:#6b7280;border:2px solid #d1d5db;border-radius:8px;padding:10px 22px;font-weight:500;cursor:pointer;transition:all .2s ease}.continue-button:hover{border-color:#9ca3af;color:#4b5563}.support-note{margin-top:24px;padding:16px;background:#f9fafb;border-radius:8px}.support-note p{margin:0;font-size:12px;color:#6b7280}@media (max-width: 768px){.order-confirmation{max-width:100%;margin:0;padding:0 16px}.confirmation-content{padding:24px 16px;display:flex;flex-direction:column;align-items:center}.success-state h2{font-size:28px}.success-state p{font-size:16px;line-height:1.6;max-width:100%}.generating-state h2{font-size:26px}.generating-state>p{font-size:16px}.report-preview{padding:20px;margin:24px 0;width:100%;max-width:100%}.preview-header h3{font-size:18px}.preview-content{padding:16px;font-size:16px;line-height:1.6}.completion-actions{flex-direction:column;align-items:center;width:100%;gap:12px}.primary-action,.secondary-action{width:100%;max-width:320px;padding:16px 24px;font-size:16px;min-height:48px}.report-meta{font-size:15px;flex-direction:column;align-items:flex-start;gap:8px}.context-badge{font-size:13px}.next-steps{padding:16px;margin:20px 0}.next-steps li{font-size:15px;line-height:1.6}.satisfaction-guarantee{flex-direction:column;text-align:center;gap:12px;padding:16px}.guarantee-text p{font-size:15px}.order-details{margin:24px 0;width:100%}.order-summary{padding:16px}.summary-row{font-size:15px;padding:10px 0}.progress-text{flex-direction:column;align-items:center;gap:8px;text-align:center}.feature-list{max-width:100%}.feature-item{font-size:15px;padding:12px 16px}.support-note{margin-top:20px;padding:16px}.wait-note{margin-top:24px;padding:16px}.wait-note p{font-size:15px}.error-actions{flex-direction:column;align-items:center;gap:12px}.retry-button,.continue-button{width:100%;max-width:280px;min-height:48px}}@media (max-width: 480px){.order-confirmation{padding:0 12px}.confirmation-content{padding:20px 12px}.success-state h2,.generating-state h2{font-size:24px}.success-state p,.generating-state>p{font-size:16px}.checkmark{width:64px;height:64px;font-size:28px}.cosmic-spinner{width:80px;height:80px}.orbit-1{width:32px;height:32px;top:24px;left:24px}.orbit-2{width:48px;height:48px;top:16px;left:16px}.orbit-3{width:64px;height:64px;top:8px;left:8px}.report-preview{padding:16px;margin:20px 0}.preview-header h3{font-size:16px}.preview-content{padding:14px;font-size:16px}.completion-actions{gap:10px}.primary-action,.secondary-action{max-width:280px;padding:14px 20px;font-size:15px}.next-steps{padding:14px;margin:16px 0}.next-steps h4,.next-steps li{font-size:15px}.satisfaction-guarantee{padding:14px;gap:10px}.guarantee-text p{font-size:14px}.order-summary{padding:14px}.summary-row{font-size:15px;padding:8px 0}.feature-item{font-size:15px;padding:10px 14px}}.purchase-flow{min-height:100vh;background-color:#1a1a1a;color:#fff;max-width:800px;margin:0 auto;padding:24px}.purchase-header{grid-area:header;display:flex;flex-direction:column;gap:20px}.back-button{background:none;border:none;color:#10b981;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;transition:color .2s ease;align-self:flex-start}.purchase-header h2{font-size:32px;font-weight:700;margin:0;color:#fff}.progress-bar,.purchase-progress{display:none}.purchase-progress-hidden{display:flex;align-items:center;gap:16px;margin:24px 0;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.progress-step{display:flex;align-items:center;gap:8px;flex:1;position:relative}.progress-step:not(:last-child):after{display:none}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff9;transition:all .3s ease}.progress-step.completed .step-number{background:#10b981;border-color:#10b981;color:#fff}.progress-step.active .step-number{border-color:#6366f1;color:#6366f1;background:#6366f11a}.step-label{font-size:14px;font-weight:500;color:#fff9;transition:color .3s ease}.progress-step.completed .step-label,.progress-step.active .step-label{color:#fff}.purchase-content{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 30px #0000004d;color:#1a1a1a;min-height:600px}.order-summary{grid-area:sidebar;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;height:fit-content;position:sticky;top:24px}.summary-item:last-of-type{border-bottom:none}.summary-item.upgrade{color:#10b981;font-weight:500}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;grid-column:1 / -1}.error-container h3{color:#ef4444;margin-bottom:8px}.error-container p{color:#ffffffb3;margin-bottom:24px}.btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#fff6;background:#ffffff0d}@media (max-width: 768px){.purchase-flow{padding:16px;max-width:100%;margin:0}.purchase-header{gap:16px}.purchase-header h2{font-size:28px}.back-button{font-size:16px;padding:12px 0}.purchase-content{padding:24px;border-radius:12px;min-height:500px}.purchase-progress-hidden{flex-direction:column;gap:12px;padding:16px}.progress-step{justify-content:center;text-align:center}.step-label{font-size:15px}.order-summary{padding:20px;position:static;margin-top:20px}.loading-container,.error-container{min-height:300px;padding:20px}.error-container h3{font-size:20px}.error-container p{font-size:16px;line-height:1.6}.btn-secondary{width:100%;max-width:280px;padding:14px 24px;font-size:16px;min-height:48px}}@media (max-width: 480px){.purchase-flow{padding:12px}.purchase-header{gap:12px}.purchase-header h2{font-size:24px}.back-button{font-size:15px;padding:10px 0}.purchase-content{padding:20px;min-height:400px}.purchase-progress-hidden{padding:12px;gap:8px}.progress-step{flex-direction:column;text-align:center;gap:4px}.step-number{width:28px;height:28px;font-size:12px}.step-label{font-size:14px}.order-summary{padding:16px;margin-top:16px}.loading-container,.error-container{min-height:250px;padding:16px}.loading-spinner{width:32px;height:32px}.error-container h3{font-size:18px}.error-container p{font-size:16px}.btn-secondary{max-width:250px;padding:12px 20px;font-size:15px}}@media (max-width: 767px){.purchase-flow{display:flex;flex-direction:column;align-items:center}.purchase-header,.purchase-content{width:100%;max-width:100%}.purchase-header h2,.error-container h3,.error-container p{word-wrap:break-word;overflow-wrap:break-word}.back-button,.btn-secondary{min-height:44px;cursor:pointer}.loading-container p,.error-container p{line-height:1.6;margin-bottom:20px}.loading-container p{font-size:16px}}.dashboard-container{min-height:100vh;background-color:#1a1a1a;color:#fff;padding:24px;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.back-button{background:none;border:none;color:#10b981;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;transition:color .2s ease}.header-content h1{font-size:36px;font-weight:700;margin:0 0 8px;color:#fff}.header-content p{font-size:18px;color:#9ca3af;margin:0}.dashboard-section{margin-bottom:48px}.dashboard-section h2{font-size:24px;font-weight:600;margin:0 0 24px;color:#fff}.dashboard-section p{color:#9ca3af;margin-bottom:24px;line-height:1.6}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state h3{color:#ef4444;margin:0 0 8px}.error-state p{color:#9ca3af;margin-bottom:24px}.retry-button{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background:#dc2626}.empty-state{text-align:center;padding:60px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:24px;font-weight:600;margin:0 0 8px;color:#fff}.empty-state p{color:#9ca3af;margin-bottom:24px;line-height:1.6}.cta-button{background:linear-gradient(135deg,#6366f1,#5856eb);color:#fff;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease}.cta-button:hover{transform:translateY(-2px)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.report-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;transition:all .2s ease}.report-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.report-card-header h3{font-size:18px;font-weight:600;margin:0 12px 0 0;color:#fff;flex:1}.report-price{background:#10b981;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.report-card-meta{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.purchase-date{font-size:14px;color:#9ca3af}.context-indicator{font-size:12px;color:#10b981;font-weight:500}.context-badge{background:#dcfce7;color:#166534;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block;margin-left:8px}.report-card-actions{display:flex;gap:12px}.view-button{background:#6366f1;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;flex:1;transition:background-color .2s ease}.view-button:hover{background:#5856eb}.download-button{background:#10b981;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.download-button:hover{background:#059669}.download-button.secondary{background:transparent;color:#10b981;border:1px solid #10b981}.download-button.secondary:hover{background:#10b981;color:#fff}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.recommendation-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:20px;transition:all .2s ease}.recommendation-card:hover{background:#ffffff0d;border-color:#ffffff1a}.recommendation-card h4{font-size:16px;font-weight:600;margin:0 0 8px;color:#fff}.recommendation-card p{font-size:14px;color:#9ca3af;margin-bottom:16px;line-height:1.5}.recommendation-footer{display:flex;justify-content:space-between;align-items:center}.price{font-size:16px;font-weight:600;color:#10b981}.select-button{background:transparent;color:#6366f1;border:1px solid #6366f1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.select-button:hover{background:#6366f1;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;text-align:center}.stat-number{font-size:32px;font-weight:700;color:#6366f1;margin-bottom:8px}.stat-label{font-size:14px;color:#9ca3af;font-weight:500}.report-viewer{background:#fff;color:#1a1a1a;min-height:100vh;margin:-24px;padding:24px}.report-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:2px solid #e5e7eb;margin-bottom:32px;flex-wrap:wrap;gap:16px}.report-viewer .back-button{color:#6366f1}.report-info{flex:1;text-align:center}.report-info h2{font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.report-info p{font-size:14px;color:#6b7280;margin:0}.report-viewer .download-button{color:#1a1a1a;border:2px solid #6366f1;background:transparent}.report-viewer .download-button:hover{background:#6366f1;color:#fff}.report-content{max-width:800px;margin:0 auto}.report-text{line-height:1.8;font-size:16px;color:#374151}.report-text p{margin-bottom:16px;text-align:justify}.report-text p:empty{margin-bottom:8px}.no-content{text-align:center;color:#9ca3af;font-style:italic;padding:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.header-content h1{font-size:28px}.reports-grid,.recommendations-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.report-card-actions{flex-direction:column}.report-viewer-header{flex-direction:column;align-items:flex-start;text-align:left}.report-info{text-align:left;width:100%}}@media (max-width: 480px){.dashboard-container{padding:12px}.header-content h1{font-size:24px}.dashboard-section h2{font-size:20px}.report-card{padding:20px}.recommendation-card,.stat-card{padding:16px}.stat-number{font-size:24px}.empty-state{padding:40px 16px}.empty-icon{font-size:36px}.report-viewer{padding:16px;margin:-24px -12px}.report-text{font-size:15px;line-height:1.7}}.report-main-header{font-size:24px;font-weight:700;color:#000;margin:30px 0 15px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.report-sub-header{font-size:20px;font-weight:600;color:#000;margin:25px 0 12px}.report-section-header,.report-special-section{font-size:18px;font-weight:600;color:#000;margin:20px 0 10px}.report-paragraph{font-size:16px;line-height:1.6;margin-bottom:16px;color:#374151}.report-spacing{height:12px}.coming-soon-container{display:flex;flex-direction:column;min-height:100vh;background:var(--main-gradient);color:#fff}.coming-soon-content{flex:1;padding:40px 20px}.coming-soon-header{text-align:center;margin-bottom:60px}.back-button{background:none;border:none;color:#10b981;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;transition:color .2s ease;margin-bottom:40px}.back-button:hover{color:#059669}.coming-soon-title{font-size:28px;font-weight:700;color:#fff;margin:0}.main-content{max-width:800px;margin:0 auto;text-align:center}.report-preview-card{background:transparent;border:none;border-radius:0;padding:40px 20px;margin-bottom:40px}.report-icon{font-size:80px;margin-bottom:20px;display:block}.report-name{font-size:36px;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.report-description{font-size:18px;opacity:.9;margin-bottom:40px;line-height:1.6;color:#fff}.features-section{background:transparent;border:none;border-radius:0;padding:20px 0;margin-bottom:40px}.features-title{font-size:20px;font-weight:600;margin-bottom:30px;color:#a78bfa;display:flex;align-items:center;justify-content:center;gap:12px}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.feature-item{padding:0;font-size:16px;opacity:1;display:block;text-align:center;color:#fff;background:none;border:none;transition:opacity .2s ease;line-height:1.6}.feature-item:hover{opacity:1}.coming-soon-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;display:inline-block;margin-bottom:30px;box-shadow:0 4px 15px #f59e0b4d}.coming-soon-text{font-size:16px;opacity:.8;margin-bottom:30px;color:#fff}.action-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 15px #6366f14d;min-height:48px}.action-button:hover{transform:translateY(-2px)}.notification-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px;text-align:center}.notification-title{font-size:18px;font-weight:600;margin-bottom:12px;opacity:.9;color:#fff}.notification-description{font-size:14px;opacity:.7;margin-bottom:20px;color:#fff}.notification-contact{font-size:14px;opacity:.6;color:#fff}.notification-contact a{color:#6366f1;text-decoration:none}.notification-contact a:hover{text-decoration:underline}@media (max-width: 768px){.coming-soon-content{padding:32px 16px}.coming-soon-header{margin-bottom:40px}.back-button{font-size:16px;padding:12px 0;margin-bottom:32px}.coming-soon-title{font-size:24px}.main-content{max-width:100%}.report-preview-card{padding:32px 16px;margin-bottom:32px}.report-icon{font-size:64px;margin-bottom:16px}.report-name{font-size:28px;margin-bottom:16px}.report-description{font-size:16px;margin-bottom:32px;line-height:1.6}.features-section{padding:16px 0;margin-bottom:32px}.features-title{font-size:18px;margin-bottom:24px}.features-list{gap:12px}.feature-item{font-size:15px;text-align:center;line-height:1.6}.coming-soon-badge{padding:10px 24px;font-size:15px;margin-bottom:24px}.coming-soon-text{font-size:16px;margin-bottom:24px}.action-button{width:100%;max-width:320px;padding:16px 24px;font-size:16px;margin:0 auto;display:block}.notification-section{padding:24px}.notification-title{font-size:16px}.notification-description{font-size:15px;margin-bottom:16px}.notification-contact{font-size:15px}}@media (max-width: 480px){.coming-soon-content{padding:24px 12px}.coming-soon-header{margin-bottom:32px}.back-button{font-size:15px;padding:10px 0;margin-bottom:24px}.coming-soon-title{font-size:22px}.report-preview-card{padding:24px 12px;margin-bottom:24px}.report-icon{font-size:56px;margin-bottom:16px}.report-name{font-size:24px;margin-bottom:16px}.report-description{font-size:16px;margin-bottom:24px}.features-section{padding:12px 0;margin-bottom:24px}.features-title{font-size:16px;margin-bottom:20px}.features-list{gap:10px}.feature-item{font-size:15px;text-align:center;line-height:1.6}.coming-soon-badge{padding:8px 20px;font-size:14px;margin-bottom:20px}.coming-soon-text{font-size:16px;margin-bottom:20px}.action-button{width:100%;max-width:280px;padding:14px 20px;font-size:15px}.notification-section{padding:20px}.notification-title{font-size:15px}.notification-description{font-size:14px;margin-bottom:16px}.notification-contact{font-size:14px}}@media (max-width: 767px){.coming-soon-container{overflow-x:hidden}.coming-soon-content{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.main-content{width:100%}.report-name,.report-description,.coming-soon-text{word-wrap:break-word;overflow-wrap:break-word}.back-button,.action-button{min-height:44px;cursor:pointer}.coming-soon-badge{font-weight:600;letter-spacing:.5px}.feature-item{line-height:1.5}.feature-item,.features-list .feature-item,.coming-soon-container .feature-item,.coming-soon-container .features-list .feature-item{color:#fff!important;opacity:1!important}}.feature-item,.features-list .feature-item,.coming-soon-container .feature-item,.coming-soon-container .features-list .feature-item{color:#fff!important;opacity:1!important}