:root{--tpg-primary:#004963;--tpg-secondary:#abcf37;--tpg-accent:#46c5e6;--tpg-gray-light:#c6d5dc;--tpg-gray-medium:#5e8b9b;--tpg-green-dark:#15940d;--tpg-text-dark:#2c3e50;--tpg-text-medium:#5a6c7d;--tpg-white:#fff}*{box-sizing:border-box;margin:0;padding:0}.top-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-bottom:16px;transition:all .5s ease}.upload-state{padding:20px}.upload-header{margin-bottom:16px;text-align:center}.upload-title{color:#1e293b;font-size:22px;font-weight:700;line-height:1.2;margin-bottom:4px}.upload-subtitle{color:#64748b;font-size:14px;line-height:1.4}.upload-form{margin:0 auto;max-width:600px}.file-upload-area{background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;margin-bottom:16px;padding:20px 15px;text-align:center;transition:all .2s ease}.file-upload-area:hover{background:#f8fafc;border-color:var(--tpg-accent)}.file-upload-area.has-file{background:#f0fdf4;border-color:var(--tpg-secondary)}.upload-icon{color:#9ca3af;font-size:32px;margin-bottom:8px}.upload-text{color:#374151;font-size:16px;font-weight:500;margin-bottom:4px}.upload-hint{color:#6b7280;font-size:12px}.file-input{display:none}.form-controls{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-label{color:#374151;font-size:12px;font-weight:600;margin-bottom:4px}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.form-select:focus{border-color:var(--tpg-primary);box-shadow:0 0 0 2px rgba(0,73,99,.1);outline:none}.analyze-button{align-items:center;background:linear-gradient(135deg,var(--tpg-primary),var(--tpg-accent));border:none;border-radius:8px;color:var(--tpg-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.3px;padding:12px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.analyze-button:hover:not(:disabled){background:linear-gradient(135deg,var(--tpg-accent),var(--tpg-secondary));box-shadow:0 4px 15px rgba(0,73,99,.2);transform:translateY(-1px)}.analyze-button:disabled{background:var(--tpg-gray-light);box-shadow:none;color:var(--tpg-text-medium);cursor:not-allowed;transform:none}.loading-state{flex-direction:column;justify-content:center;min-height:120px;padding:20px}.loading-state,.loading-timer{align-items:center;display:flex}.loading-timer{gap:8px;margin-bottom:12px}.clock-icon{animation:tick 1s infinite;font-size:20px}@keyframes tick{0%,50%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.timer-text{color:#1e40af;font-size:16px;font-weight:600}.countdown{color:#059669;font-family:Avenir Next,Avenir,Monaco,Consolas,monospace;font-size:16px;margin-left:6px}.encouragement{color:#64748b;font-size:14px;font-style:italic;margin-top:6px;text-align:center}.progress-dots{display:flex;gap:6px;margin-top:12px}.dot{animation:pulse 1.5s infinite;background:#e2e8f0;border-radius:50%;height:6px;width:6px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes pulse{0%,to{background:#e2e8f0;transform:scale(1)}50%{background:#3b82f6;transform:scale(1.2)}}.results-header{opacity:0;padding:20px;text-align:center;transform:translateY(20px);transition:all .5s ease}.results-header.show{opacity:1;transform:translateY(0)}.results-title{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:12px}.overall-score{align-items:center;background:linear-gradient(135deg,var(--tpg-primary),var(--tpg-accent));border-radius:30px;color:var(--tpg-white);display:inline-flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:12px;padding:12px 24px}.score-circle{background:hsla(0,0%,100%,.2);border-radius:50%;font-size:16px;font-weight:700;height:40px;width:40px}.score-circle,.scroll-hint{align-items:center;display:flex;justify-content:center}.scroll-hint{color:#64748b;font-size:12px;gap:6px;margin-top:8px}.scroll-arrow{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.criteria-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));opacity:0;transform:translateY(20px);transition:all .5s ease .3s}.criteria-grid.show{opacity:1;transform:translateY(0)}.criteria-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.criteria-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-1px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-title{color:#1e293b;font-size:16px;font-weight:600}.score-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.score-5{background:#10b981}.score-4{background:#3b82f6}.score-3{background:#f59e0b}.score-2{background:#ef4444}.score-1{background:#dc2626}.chart-container{align-items:center;display:flex;height:120px;justify-content:center;margin:12px 0}.analysis-text{color:#64748b;font-size:12px;line-height:1.4;margin-bottom:12px}.recommendation-text{color:#1e293b;font-size:12px;font-weight:500;line-height:1.4}.demo-controls{display:flex;gap:8px;justify-content:center;margin:10px 0;text-align:center}.demo-btn{background:linear-gradient(135deg,var(--tpg-primary),var(--tpg-gray-medium));border:none;border-radius:6px;cursor:pointer;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;padding:8px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.demo-btn,.demo-btn:hover{color:var(--tpg-white)!important}.demo-btn:hover{background:linear-gradient(135deg,var(--tpg-accent),var(--tpg-primary));box-shadow:0 4px 12px rgba(0,73,99,.15);transform:translateY(-1px)}.hidden{display:none!important}.fade-out{opacity:0;transform:translateY(-10px);transition:all .3s ease}.selected-file{align-items:center;background:#f0fdf4;border:1px solid #10b981;border-radius:6px;display:flex;gap:8px;margin-top:8px;padding:8px}.file-icon{color:#10b981;font-size:16px}.file-info{flex:1}.file-name{color:#065f46;font-size:14px;font-weight:500}.file-size{color:#047857;font-size:11px}@media (max-width:768px){.container{padding:0 8px}.upload-state{padding:12px}.upload-title{font-size:18px}.file-upload-area{padding:15px 10px}.form-controls{gap:8px;grid-template-columns:1fr}.criteria-grid{gap:12px;grid-template-columns:1fr}}.content-analyzer-module{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#334155;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;min-height:auto;position:relative}.content-analyzer-module *{box-sizing:border-box}.content-analyzer-module .container{padding:0 15px}.content-analyzer-module .form-container{margin:8px 0;padding:16px}.content-analyzer-module .hero{padding:12px 0}.content-analyzer-module .assessment-section{padding:8px 0 12px}.methodology-container{background:#f8fafe;clear:both;display:block;margin-left:calc(-50vw + 50%)!important;margin-top:20px!important;position:relative;width:100vw!important;z-index:1}.results-active .methodology-container{display:none!important}.results-active #resultsSection{margin-top:-20px;position:relative;z-index:10}.methodology-container .section{padding:40px 0;width:100%}.methodology-container .section:first-child{padding-top:60px}.methodology-container .container{margin:0 auto;max-width:1200px;padding:0 20px}.section-white{background-color:#fff}.section-light{background-color:#f8fafe}.methodology-container h2{color:#004963;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.subtitle{color:#64748b;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.how-it-works{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.step{background:#fff;border-radius:12px;border-top:4px solid #46c5e6;box-shadow:0 4px 6px rgba(0,0,0,.07);padding:2rem;position:relative;text-align:center;transition:transform .3s ease}.step:hover{transform:translateY(-5px)}.step-icon{background:linear-gradient(135deg,#46c5e6,#004963);font-size:1.5rem;height:60px;margin:0 auto 1rem;width:60px}.step-icon,.step-number{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.step-number{background:#004963;font-size:.9rem;font-weight:700;height:30px;position:absolute;right:-10px;top:-10px;width:30px}.step h4{color:#004963;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.step p{color:#64748b;line-height:1.5}.approach-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:3rem 0}.approach-item{background:#fff;border-left:4px solid #abcf37;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:2rem}.approach-item h4{align-items:center;color:#004963;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.approach-icon{align-items:center;background:#abcf37;border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:24px;justify-content:center;width:24px}.approach-item p{color:#64748b;line-height:1.5}.tool-definition{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.07);margin:3rem 0;padding:2rem}.definition-grid{display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:2rem}.definition-column h4{align-items:center;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.is-column h4{color:#abcf37}.isnt-column h4{color:#004963}.definition-list{list-style:none}.definition-list li{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:.7rem;padding:.7rem 0}.definition-list li:last-child{border-bottom:none}.check-icon{color:#abcf37}.check-icon,.x-icon{font-weight:700;margin-top:2px}.x-icon{color:#004963}@media (max-width:768px){.definition-grid{gap:2rem;grid-template-columns:1fr}.methodology-container h2{font-size:2rem}}.content-analyzer-module{display:block!important}.content-analyzer-module>*{float:none!important;width:100%!important}.methodology-note{background:#f0fdf4;border-left:3px solid #abcf37;border-radius:0 6px 6px 0;font-size:.9rem;line-height:1.4;margin-top:1rem;padding:1rem}.methodology-note strong{color:#004963;font-weight:600}.transparency-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:3rem 0}.transparency-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.transparency-item h4{color:#004963;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.transparency-item p{color:#64748b;font-size:.95rem;line-height:1.5}