*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#2d3748;background:#f7fafc;margin:0!important}.app{min-height:100vh;overflow-x:hidden}.container{max-width:90%!important;margin:0 auto;padding:0 20px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;padding:60px 20px}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);z-index:-1}.hero-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.hero-content{position:relative;z-index:1;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(255,255,255,.3);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-size:72px;font-weight:900;margin-bottom:16px;letter-spacing:-2px}.gradient-text{background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-subtitle{font-size:28px;font-weight:600;margin-bottom:16px;opacity:.95}.hero-description{font-size:18px;max-width:800px;margin:0 auto 40px;opacity:.9;line-height:1.7}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:60px;flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:800px;margin:0 auto}.stat-card{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.stat-value{font-size:36px;font-weight:900;margin-bottom:8px}.stat-label{font-size:14px;opacity:.9;text-transform:uppercase;letter-spacing:1px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-secondary{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.4)}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-large{padding:18px 48px;font-size:18px}.btn-icon{font-size:20px}.section{padding:100px 20px}.section-light{background:#ffffff}.section-dark{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);color:#fff}.section-title{font-size:48px;font-weight:800;text-align:center;margin-bottom:24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title-white{font-size:48px;font-weight:800;text-align:center;margin-bottom:24px;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.3)}.heading{color:#fff}.section-dark .section-title{background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-intro{font-size:20px;text-align:center;max-width:900px;margin:0 auto 60px;color:#4a5568;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.feature-card{background:#f7fafc;padding:32px;border-radius:20px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #667eea33}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:24px;font-weight:700;margin-bottom:12px;color:#2d3748}.feature-card p{color:#4a5568;line-height:1.7}.unique-grid{display:grid;gap:40px;max-width:1000px;margin:0 auto}.unique-item{display:flex;gap:24px;align-items:flex-start}.unique-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;box-shadow:0 4px 20px #667eea66}.unique-content h3{font-size:24px;margin-bottom:12px}.unique-content p{opacity:.9;line-height:1.8}.unique-content code{background:rgba(255,255,255,.1);padding:2px 8px;border-radius:4px;font-family:Courier New,monospace}.tutorial-steps{display:grid;gap:48px;max-width:900px;margin:0 auto}.tutorial-step{display:flex;gap:24px;align-items:flex-start}.step-number{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 4px 20px #667eea4d}.step-content h3{font-size:28px;margin-bottom:16px;color:#2d3748}.step-content p{margin-bottom:16px;color:#4a5568;line-height:1.7}.step-list{list-style:none;margin:16px 0}.step-list li{padding:8px 0 8px 24px;position:relative}.step-list li:before{content:"→";position:absolute;left:0;color:#667eea;font-weight:700}.code-block{background:#2d3748;color:#f7fafc;padding:16px;border-radius:8px;margin:16px 0;overflow-x:auto}.code-block code{font-family:Courier New,monospace;font-size:14px}.info-box{background:#edf2f7;border-left:4px solid #667eea;padding:16px;border-radius:8px;margin:16px 0}.section-upload{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);min-height:80vh;display:flex;align-items:center}.upload-card{max-width:600px;margin:0 auto;background:white;padding:48px;border-radius:24px;box-shadow:0 10px 50px #0000001a;text-align:center}.upload-icon{font-size:64px;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.upload-card h3{font-size:32px;margin-bottom:16px;color:#2d3748}.upload-description{color:#4a5568;margin-bottom:32px;line-height:1.7}.file-input{display:none}.file-label{display:inline-block;padding:16px 40px;background:#edf2f7;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#2d3748;margin-bottom:24px}.file-label:hover{background:#e2e8f0;border-color:#667eea}.upload-actions{display:flex;flex-direction:column;gap:16px}.simple-explanation{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border-left:5px solid #667eea;padding:32px;border-radius:16px;margin-bottom:40px;box-shadow:0 4px 20px #667eea26}.simple-explanation h3{font-size:28px;margin-bottom:16px;color:#2d3748}.explanation-text{font-size:18px;line-height:1.8;color:#4a5568;margin-bottom:24px}.explanation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:24px 0}.explanation-item{display:flex;align-items:flex-start;gap:12px;background:white;padding:16px;border-radius:12px;box-shadow:0 2px 10px #00000014}.explanation-emoji{font-size:32px;flex-shrink:0}.explanation-note{background:rgba(102,126,234,.1);padding:16px;border-radius:12px;margin-top:24px;font-size:16px;line-height:1.7;color:#2d3748}.metric-simple{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1);font-size:15px;line-height:1.6;color:#4a5568}.metric-simple strong{color:#2d3748}.table-explanation{background:#f7fafc;padding:24px;border-radius:12px;margin-bottom:24px;border-left:4px solid #667eea}.table-explanation p{margin-bottom:12px;font-size:16px;color:#2d3748}.table-explanation ul{list-style:none;margin:16px 0;padding:0}.table-explanation li{padding:8px 0;font-size:15px;line-height:1.6;color:#4a5568}.tip-box{background:rgba(72,187,120,.1);padding:12px 16px;border-radius:8px;margin-top:16px;font-size:15px;color:#2d3748}.plots-explanation{background:#f7fafc;padding:24px;border-radius:12px;margin-bottom:32px;border-left:4px solid #4ecdc4}.plots-explanation h4{font-size:22px;margin-bottom:16px;color:#2d3748}.plots-explanation>p{font-size:16px;line-height:1.8;color:#4a5568;margin-bottom:20px}.signal-explanation-grid{display:grid;gap:16px;margin:20px 0}.signal-explanation-item{background:white;padding:16px;border-radius:8px;font-size:15px;line-height:1.7;color:#4a5568;box-shadow:0 2px 8px #0000000d}.signal-explanation-item strong{color:#2d3748;display:block;margin-bottom:8px}.signal-note{background:rgba(255,193,7,.1);padding:16px;border-radius:8px;margin-top:20px;font-size:15px;line-height:1.7;color:#2d3748}.section-results{background:#f7fafc}.results-header{display:flex;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px}.metric-card{background:white;padding:32px;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:24px;transition:transform .3s ease}.metric-card:hover{transform:translateY(-5px)}.metric-primary{border-top:4px solid #ff6b6b}.metric-secondary{border-top:4px solid #4ecdc4}.metric-tertiary{border-top:4px solid #667eea}.metric-icon{font-size:48px;flex-shrink:0}.metric-content{flex:1}.metric-label{font-size:14px;color:#718096;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.metric-value{font-size:48px;font-weight:900;color:#2d3748;line-height:1;margin-bottom:8px}.metric-unit{font-size:20px;font-weight:600;opacity:.6}.metric-description{font-size:13px;color:#a0aec0;line-height:1.5}.predictions-table-container{background:white;padding:32px;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:60px}.predictions-table-container h3{font-size:28px;margin-bottom:12px;color:#2d3748}.table-description{color:#718096;margin-bottom:24px}.table-wrapper{overflow-x:auto}.predictions-table{width:100%;border-collapse:collapse}.predictions-table th{background:#667eea;color:#fff;padding:16px;text-align:left;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:1px}.predictions-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0}.predictions-table tbody tr:hover{background:#f7fafc}.value-target{font-weight:700;color:#2d3748}.value-pred{color:#4a5568}.error-good{color:#48bb78;font-weight:600}.error-bad{color:#f56565;font-weight:600}.signal-plots{background:white;padding:32px;border-radius:20px;box-shadow:0 4px 20px #00000014}.signal-plots h3{font-size:28px;margin-bottom:12px;color:#2d3748}.plots-description{color:#718096;margin-bottom:32px}.plots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.plot-card h4{font-size:20px;margin-bottom:8px;color:#2d3748}.plot-description{font-size:14px;color:#718096;margin-bottom:16px;line-height:1.6}.usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.usecase-card{background:rgba(255,255,255,.05);padding:32px;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.usecase-card:hover{background:rgba(255,255,255,.08);transform:translateY(-5px)}.usecase-icon{font-size:48px;margin-bottom:16px}.usecase-card h3{font-size:24px;margin-bottom:12px}.usecase-card p{opacity:.9;line-height:1.7}.tech-stack{display:grid;gap:32px;margin-bottom:60px;text-align:center}.tech-category h3{font-size:24px;margin-bottom:16px;color:#2d3748}.tech-tags{display:flex;gap:12px;align-items:center;justify-content:center}.tech-tag{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;box-shadow:0 2px 10px #667eea4d}.pipeline-diagram{background:#f7fafc;padding:40px;border-radius:20px;box-shadow:0 4px 20px #00000014;max-width:100%;margin:130px auto 0}.pipeline-diagram h3{font-size:28px;margin-bottom:32px;text-align:center;color:#2d3748}.pipeline-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.pipeline-step{background:white;padding:24px;border-radius:16px;box-shadow:0 4px 15px #0000001a;min-width:180px;text-align:center}.pipeline-step-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 12px}.pipeline-step-content strong{display:block;margin-bottom:8px;color:#2d3748}.pipeline-step-content p{font-size:13px;color:#718096}.pipeline-arrow{font-size:28px;color:#cbd5e0;font-weight:700}.footer{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);color:#fff;padding:60px 20px 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-brand{font-size:32px;font-weight:900;margin-bottom:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{margin-bottom:16px;opacity:.9}.footer-rights{font-size:14px;opacity:.7}.footer-section h4{font-size:18px;margin-bottom:16px;font-weight:700}.footer-links{list-style:none}.footer-links li{margin-bottom:8px;opacity:.8;font-size:14px}.footer-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#667eea}.footer-link-button{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:14px;text-align:left;transition:color .3s ease}.footer-link-button:hover{color:#667eea}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-tech-info{font-size:13px;opacity:.7}.footer-badges{display:flex;gap:12px;flex-wrap:wrap}.badge{background:rgba(255,255,255,.1);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.hero-description{font-size:16px}.section-title{font-size:36px}.section-intro{font-size:18px}.tutorial-step{flex-direction:column}.step-number{width:60px;height:60px}.unique-item,.pipeline-flow{flex-direction:column}.pipeline-arrow{transform:rotate(90deg)}.plots-grid{grid-template-columns:1fr}.metric-value{font-size:36px}.footer-bottom{flex-direction:column;text-align:center}.hero-actions,.results-header{flex-direction:column}}html{scroll-behavior:smooth}.btn:focus,.file-label:focus,.footer-link-button:focus{outline:3px solid #667eea;outline-offset:2px}@media print{.hero,.footer,.btn{display:none}}.real-world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:40px 0}.real-world-card{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:30px;text-align:center;transition:all .3s ease}.real-world-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.25);box-shadow:0 20px 40px #0000004d}.real-world-number{width:50px;height:50px;background:white;color:#667eea;font-size:24px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.real-world-card h3{font-size:22px;margin-bottom:15px;color:#fff}.real-world-card p{font-size:16px;line-height:1.6;color:#ffffffe6}.use-case-box{background:rgba(255,255,255,.1);border-left:5px solid #fbbf24;border-radius:15px;padding:30px;margin:40px 0 20px}.use-case-box h3{font-size:24px;margin-bottom:20px;color:#fff}.use-case-box ul{list-style:none;padding:0}.use-case-box li{font-size:16px;margin:15px 0;padding-left:30px;position:relative;color:#fffffff2}.use-case-box li:before{content:"✓";position:absolute;left:0;color:#fbbf24;font-weight:700;font-size:20px}.limitation-note{background:rgba(251,191,36,.2);border:2px solid #fbbf24;border-radius:12px;padding:20px;margin-top:30px;font-size:16px;text-align:center}.limitation-note strong{color:#fbbf24}.hero-info-box{background:rgba(102,126,234,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:15px 25px;margin:20px auto;max-width:800px;font-size:15px;color:#fffffff2}.hero-info-box strong{color:#fbbf24;margin-right:8px}body{margin:0;font-family:Inter,Arial,sans-serif}table,th,td{border:1px solid #eee}th,td{padding:8px;text-align:left}