@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .8);--bg-card-hover: rgba(31, 41, 55, .9);--bg-glass: rgba(255, 255, 255, .03);--bg-glass-border: rgba(255, 255, 255, .06);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #6366f1;--accent-primary-light: #818cf8;--accent-secondary: #06b6d4;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--accent-purple: #a855f7;--gradient-primary: linear-gradient(135deg, #6366f1, #06b6d4);--gradient-hero: linear-gradient(135deg, #0a0e17 0%, #1a1145 50%, #0a0e17 100%);--gradient-card: linear-gradient(145deg, rgba(99, 102, 241, .05), rgba(6, 182, 212, .05));--gradient-score-high: linear-gradient(135deg, #10b981, #06b6d4);--gradient-score-mid: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-score-low: linear-gradient(135deg, #ef4444, #dc2626);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(99,102,241,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(6,182,212,.06),transparent),radial-gradient(ellipse 50% 50% at 20% 60%,rgba(168,85,247,.04),transparent);pointer-events:none;z-index:0}.container{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.header{padding:60px 0 40px;text-align:center}.header__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:100px;font-size:.8rem;font-weight:500;color:var(--accent-primary-light);margin-bottom:20px;letter-spacing:.03em}.header__badge-dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.header__title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.15}.header__subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto;font-weight:400;line-height:1.7}.upload-section{margin-bottom:48px}.upload-zone{border:2px dashed rgba(99,102,241,.3);border-radius:var(--radius-xl);padding:48px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-glass);position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-card);opacity:0;transition:opacity var(--transition-normal)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-primary);background:#6366f10d;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.upload-zone:hover:before,.upload-zone.drag-over:before{opacity:1}.upload-zone__icon{font-size:3rem;margin-bottom:16px;position:relative;z-index:1}.upload-zone__title{font-size:1.2rem;font-weight:600;margin-bottom:8px;position:relative;z-index:1}.upload-zone__subtitle{color:var(--text-muted);font-size:.9rem;position:relative;z-index:1}.upload-zone__btn{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:12px 28px;background:var(--gradient-primary);color:#fff;border:none;border-radius:100px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;z-index:1;font-family:var(--font-sans)}.upload-zone__btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #6366f166}.upload-zone__formats{margin-top:12px;font-size:.78rem;color:var(--text-muted);position:relative;z-index:1}.file-input{display:none}.file-selected{display:none;align-items:center;gap:12px;padding:16px 20px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);margin-top:20px;position:relative;z-index:1}.file-selected.visible{display:flex}.file-selected__icon{font-size:1.4rem}.file-selected__info{flex:1;text-align:left}.file-selected__name{font-weight:600;font-size:.9rem}.file-selected__size{font-size:.78rem;color:var(--text-muted)}.file-selected__remove{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.file-selected__remove:hover{color:var(--accent-red);background:#ef44441a}.analyze-btn{display:none;width:100%;margin-top:20px;padding:16px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-sans);letter-spacing:.02em}.analyze-btn.visible{display:block}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.analyze-btn:disabled{opacity:.6;cursor:not-allowed}.loading-section{display:none;text-align:center;padding:60px 0}.loading-section.visible{display:block}.loading-spinner{width:64px;height:64px;margin:0 auto 24px;border:3px solid rgba(99,102,241,.15);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:1.2rem;font-weight:600;margin-bottom:8px}.loading-subtitle{color:var(--text-muted);font-size:.9rem}.loading-steps{display:flex;flex-direction:column;gap:8px;margin-top:24px;max-width:320px;margin-left:auto;margin-right:auto}.loading-step{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-muted);transition:all var(--transition-normal)}.loading-step.active{color:var(--accent-primary-light);background:#6366f114}.loading-step.done{color:var(--accent-green)}.loading-step__icon{width:18px;text-align:center}.report-section{display:none;padding-bottom:60px}.report-section.visible{display:block;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.report-header__title{font-size:1.6rem;font-weight:700}.report-header__meta{color:var(--text-muted);font-size:.85rem}.report-header__actions{display:flex;gap:12px}.btn-download,.btn-new{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none;font-family:var(--font-sans)}.btn-download{background:var(--gradient-primary);color:#fff}.btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.btn-new{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.btn-new:hover{background:#ffffff1a;color:var(--text-primary)}.score-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.score-card{background:var(--bg-card);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);padding:28px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-card--main{position:relative;overflow:hidden}.score-card--main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-card);opacity:.5}.score-gauge{position:relative;width:140px;height:140px;margin:0 auto 16px}.score-gauge__circle{transform:rotate(-90deg);width:140px;height:140px}.score-gauge__bg{fill:none;stroke:#ffffff0f;stroke-width:8}.score-gauge__fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.5s ease}.score-gauge__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-gauge__value{font-size:2.2rem;font-weight:800;line-height:1}.score-gauge__label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.score-card__title{font-size:.85rem;color:var(--text-muted);margin-bottom:4px;position:relative;z-index:1}.readiness-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:100px;font-weight:700;font-size:1rem;letter-spacing:.02em;position:relative;z-index:1}.readiness-badge--strong{background:#10b9811f;color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.readiness-badge--mid{background:#6366f11f;color:var(--accent-primary-light);border:1px solid rgba(99,102,241,.2)}.readiness-badge--entry{background:#f59e0b1f;color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.readiness-badge--not-ready{background:#ef44441f;color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}.readiness-explanation{font-size:.85rem;color:var(--text-secondary);margin-top:12px;line-height:1.6;position:relative;z-index:1}.report-card{background:var(--bg-card);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);padding:28px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--transition-normal)}.report-card:hover{border-color:#6366f126}.report-card__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.report-card__icon{font-size:1.4rem}.report-card__title{font-size:1.15rem;font-weight:700}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.profile-item{padding:16px;background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md)}.profile-item__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.profile-item__value{font-weight:600;font-size:.95rem}.profile-summary{padding:16px;background:var(--bg-glass);border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.tech-scores{display:flex;flex-direction:column;gap:16px}.tech-score-item{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);transition:background var(--transition-fast)}.tech-score-item:hover{background:#ffffff0a}.tech-score-item__name{font-weight:600;font-size:.88rem}.tech-score-item__bar-wrapper{height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden}.tech-score-item__bar{height:100%;border-radius:100px;transition:width 1s ease;min-width:4px}.tech-score-item__value{font-weight:700;font-size:.95rem;font-family:var(--font-mono);min-width:40px;text-align:right}.tech-score-item__detail{grid-column:1 / -1;font-size:.82rem;color:var(--text-muted);line-height:1.6;padding-top:4px;border-top:1px solid var(--bg-glass-border)}.shallow-badge{display:inline-flex;padding:2px 8px;background:#f59e0b1a;color:var(--accent-amber);border-radius:100px;font-size:.7rem;font-weight:600;margin-left:8px}.project-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.project-item{padding:16px;background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md)}.project-item__name{font-weight:700;font-size:.95rem;margin-bottom:10px}.project-item__checks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.project-check{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:500}.project-check--pass{background:#10b9811a;color:var(--accent-green)}.project-check--fail{background:#ef44441a;color:var(--accent-red)}.project-item__assessment{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.bullet-rewrite{margin-bottom:16px;padding:16px;background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md)}.bullet-rewrite__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:6px}.bullet-rewrite__label--original{color:var(--accent-red)}.bullet-rewrite__label--improved{color:var(--accent-green)}.bullet-rewrite__text{font-size:.88rem;line-height:1.6;color:var(--text-secondary)}.bullet-rewrite__text--original{text-decoration:line-through;opacity:.7}.bullet-rewrite__arrow{text-align:center;color:var(--text-muted);margin:8px 0;font-size:.85rem}.red-flags-list{display:flex;flex-direction:column;gap:8px}.red-flag-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:var(--radius-md);font-size:.88rem;line-height:1.6;color:var(--text-secondary)}.red-flag-item__icon{color:var(--accent-red);font-size:.9rem;margin-top:2px;flex-shrink:0}.improvement-tabs{display:flex;gap:8px;margin-bottom:16px}.improvement-tab{padding:8px 18px;border-radius:100px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-muted);transition:all var(--transition-fast);font-family:var(--font-sans)}.improvement-tab:hover{background:#ffffff0d;color:var(--text-secondary)}.improvement-tab.active{color:#fff}.improvement-tab.active[data-priority="1"]{background:#ef444426;border-color:#ef44444d;color:var(--accent-red)}.improvement-tab.active[data-priority="2"]{background:#f59e0b26;border-color:#f59e0b4d;color:var(--accent-amber)}.improvement-tab.active[data-priority="3"]{background:#10b98126;border-color:#10b9814d;color:var(--accent-green)}.improvement-content{display:none}.improvement-content.active{display:block;animation:fadeInUp .3s ease}.improvement-list{display:flex;flex-direction:column;gap:8px}.improvement-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);font-size:.88rem;line-height:1.6;color:var(--text-secondary)}.improvement-item__number{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.72rem;font-weight:700;margin-top:1px}.priority-1 .improvement-item__number{background:#ef444426;color:var(--accent-red)}.priority-2 .improvement-item__number{background:#f59e0b26;color:var(--accent-amber)}.priority-3 .improvement-item__number{background:#10b98126;color:var(--accent-green)}.samples-section{padding:48px 0;border-top:1px solid var(--bg-glass-border);margin-top:40px}.samples-section__title{text-align:center;font-size:1.4rem;font-weight:700;margin-bottom:8px}.samples-section__subtitle{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:32px}.samples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.sample-card{background:var(--bg-card);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all var(--transition-normal);cursor:pointer}.sample-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:var(--shadow-glow)}.sample-card__icon{font-size:2rem;margin-bottom:12px}.sample-card__title{font-weight:700;font-size:.95rem;margin-bottom:4px}.sample-card__desc{color:var(--text-muted);font-size:.8rem;margin-bottom:16px;line-height:1.5}.sample-card__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#6366f11a;color:var(--accent-primary-light);border:1px solid rgba(99,102,241,.2);border-radius:100px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.sample-card__btn:hover{background:#6366f133;transform:scale(1.03)}.cta-section{text-align:center;padding:48px;background:var(--gradient-card);border:1px solid var(--bg-glass-border);border-radius:var(--radius-xl);margin:40px 0}.cta-section__title{font-size:1.5rem;font-weight:800;margin-bottom:12px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-section__desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.cta-section__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:var(--gradient-primary);color:#fff;border:none;border-radius:100px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-sans)}.cta-section__btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.footer{text-align:center;padding:32px 0;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--bg-glass-border)}.footer a{color:var(--accent-primary-light);text-decoration:none}.error-toast{position:fixed;top:24px;right:24px;padding:16px 24px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--accent-red);font-size:.9rem;font-weight:500;z-index:1000;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease;max-width:400px}.error-toast.visible{display:flex;align-items:flex-start;gap:10px}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.error-toast__close{background:none;border:none;color:var(--accent-red);cursor:pointer;font-size:1.1rem;flex-shrink:0}@media(max-width:768px){.container{padding:0 16px}.header{padding:40px 0 24px}.upload-zone{padding:32px 20px}.score-overview{grid-template-columns:1fr}.tech-score-item{grid-template-columns:1fr;gap:8px}.tech-score-item__value{text-align:left}.report-header{flex-direction:column;align-items:flex-start}.samples-grid{grid-template-columns:1fr 1fr}.improvement-tabs{flex-wrap:wrap}.profile-grid{grid-template-columns:1fr}.cta-section{padding:32px 20px}}@media(max-width:480px){.samples-grid{grid-template-columns:1fr}.report-header__actions{width:100%}.btn-download,.btn-new{flex:1;justify-content:center}}