:root{--bg-color:#0b0f19;--panel-bg:#161e2d99;--card-border:#ffffff1a;--text-primary:#f0f4f8;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-glow:#3b82f680;--accent-purple:#8b5cf6;--success-color:#10b981}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#3b82f626,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 25%);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;display:flex}#app{flex-direction:column;gap:2rem;width:100%;max-width:900px;display:flex}.app-header{text-align:center}.app-header h1{background:linear-gradient(to right, var(--accent-color), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;justify-content:center;align-items:center;gap:1rem;font-size:2.5rem;font-weight:800;display:flex}.badge{border:1px solid var(--accent-color);color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;background:#3b82f633;border-radius:20px;padding:.2rem .6rem;font-size:.9rem}.card{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:2.5rem;animation:.5s forwards fadeIn;display:none;box-shadow:0 20px 40px #0006}.card.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2{margin-bottom:.5rem;font-size:1.8rem}.subtitle{color:var(--text-secondary);margin-bottom:2rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}label{color:var(--text-primary);font-size:.95rem;font-weight:600}input[type=url],textarea{color:var(--text-primary);background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;font-size:1rem;transition:all .3s}input[type=url]:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}small{color:var(--text-secondary);font-size:.8rem}.drop-area{text-align:center;cursor:pointer;background:#0000001a;border:2px dashed #fff3;border-radius:8px;padding:2rem;transition:all .3s}.drop-area:hover,.drop-area.dragover{border-color:var(--accent-purple);background:#8b5cf60d}.drop-area span:not(.icon){color:var(--accent-color);text-decoration:underline}.icon{margin-bottom:.5rem;font-size:2rem;display:block}.btn{cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s}.primary-btn{background:linear-gradient(135deg, var(--accent-color), var(--accent-purple));color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.secondary-btn{color:var(--text-primary);background:#ffffff1a;border:1px solid #fff3;margin-top:2rem}.secondary-btn:hover{background:#ffffff26}#processing-section{text-align:center;padding:4rem 2rem}.progress-ring-container{justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 2rem;display:flex;position:relative}.pulse-ring{border:3px solid #0000;border-top-color:var(--accent-color);border-left-color:var(--accent-purple);border-radius:50%;width:100%;height:100%;animation:1.5s linear infinite spin,2s ease-in-out infinite alternate glow}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%{box-shadow:0 0 10px var(--accent-glow)}to{box-shadow:0 0 30px #8b5cf699}}#status-text{color:var(--text-primary);font-size:.9rem;font-weight:600;position:absolute}.terminal-log{text-align:left;color:#10b981;background:#000;border:1px solid #ffffff0d;border-radius:8px;height:200px;padding:1.5rem;font-family:Courier New,Courier,monospace;font-size:.9rem;overflow-y:hidden;box-shadow:inset 0 0 10px #000c}.log-line{opacity:0;margin-bottom:.5rem;animation:.3s forwards logFadeIn}@keyframes logFadeIn{to{opacity:1}}.dashboard-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.archetype-badge{color:#d8b4fe;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:20px;padding:.5rem 1rem;font-weight:600}.dashboard-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.glass-panel{background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem}.glass-panel h3{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1.2rem}#insights-list{margin-bottom:2rem;list-style:none}#insights-list li{margin-bottom:1rem;padding-left:1.5rem;line-height:1.5;position:relative}#insights-list li:before{content:"→";color:var(--accent-color);font-weight:700;position:absolute;left:0}.score-container{text-align:center;margin-top:1rem}.score-circle{background:conic-gradient(var(--accent-color) 0%, var(--accent-purple) 94%, transparent 94%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:1rem auto;font-size:2.5rem;font-weight:800;display:flex;position:relative}.score-circle:before{content:"";background:var(--bg-color);z-index:-1;border-radius:50%;position:absolute;inset:8px}.score-circle span{z-index:1}