:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f9fafb;margin:0;padding:0}#root{max-width:900px;margin:0 auto;padding:2rem}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1e1f25;color:#f0f0f0}.scanner-content{display:flex;justify-content:center;align-items:flex-start;padding:6rem 2rem 3rem;gap:3rem}.upload-section-wrapper{flex:1;min-width:400px;max-width:500px}.upload-section{background-color:#2d2f38;padding:2rem;border-radius:12px;width:100%;box-shadow:0 8px 20px #0006;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.upload-box{background-color:#3a3c47;border:2px dashed #4f5b93;padding:2rem;border-radius:10px;color:#c2c6dc;font-size:1rem;margin-bottom:2rem;width:90%}.switch-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.switch-label{font-size:.95rem;color:#ccc}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#888;border-radius:34px;inset:0;transition:.3s}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background-color:#4f5b93}input:checked+.slider:before{transform:translate(22px)}.job-description-input{width:100%;min-height:120px;margin-top:1rem;padding:.8rem;font-size:.95rem;background-color:#3a3c47;color:#f0f0f0;border:1px solid #4f5b93;border-radius:6px;resize:vertical;transition:opacity .3s ease,max-height .3s ease}.analyze-button{margin-top:2rem;padding:.9rem 2rem;background-color:#4f5b93;color:#fff;border:none;font-size:1rem;border-radius:6px;cursor:pointer;transition:background .3s ease;box-shadow:0 4px 10px #0000004d}.analyze-button:hover{background-color:#626db0}.upload-box.clickable{cursor:pointer;transition:background-color .2s ease}.upload-box.clickable:hover{background-color:#444654}.upload-success{font-weight:600;color:#bf97d3}.tick{display:inline-block;animation:wobble 1.2s infinite}.two-column-layout{display:flex;justify-content:center;align-items:flex-start;gap:3rem;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto}.info-panel{min-width:400px;max-width:800px;flex:1;opacity:0;transform:translateY(20px);animation:fadeSlideUp 1s ease forwards}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.scanner-heading{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:1rem}.scanner-subtext{font-size:1.1rem;color:#d3d3d3;margin-bottom:1rem;line-height:1.6}.privacy-note{font-size:.95rem;color:#9fe6a0;font-style:italic;margin-top:1rem}@media (max-width: 950px){.two-column-layout{flex-direction:column;align-items:center}.upload-section-wrapper,.info-panel{max-width:90%;width:100%}}.carousel-container{position:relative;height:100px;width:100%;max-width:400px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.carousel-item{position:absolute;width:100%;text-align:center;will-change:transform,opacity}.loader-wrapper{height:100vh;background:#1e1f25;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.circle{width:80px;height:80px;margin-bottom:1.5rem;animation:rotate 1s linear infinite}.circle svg{width:100%;height:100%;transform-origin:center}circle.pulse{fill:none;stroke:#61dafb;stroke-width:6;stroke-linecap:round;stroke-dasharray:90 150;stroke-dashoffset:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.1rem;font-weight:400;text-align:center;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:.2}to{opacity:1}}.how-it-works{position:absolute;right:2rem;background-color:transparent;border:1px solid #4f5b93;color:#c2c6dc;padding:.4rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.how-it-works:hover{background-color:#4f5b93;color:#fff}.score-wrapper{display:flex;flex-direction:column;align-items:center}.score-header{text-align:center;margin-bottom:2rem}.score-header h2{font-size:2rem;font-weight:600;margin-bottom:.5rem}.score-header p{font-size:1rem;color:#ccc}.score-card{background-color:#2d2f38;border-radius:12px;padding:2rem;width:100%;max-width:700px;box-shadow:0 8px 20px #0006}.score-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.score-tabs button{background:none;border:none;font-size:1rem;padding:.5rem 1.2rem;color:#ccc;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.score-tabs .active-tab{background-color:#4f5b93;color:#fff}.score-card h3{font-size:1.4rem;font-weight:500;margin-bottom:1rem}.score-card p{font-size:1rem;color:#ddd;white-space:pre-line;margin-bottom:1.5rem}.score-bar{margin-top:1rem}.score-range{display:flex;justify-content:space-between;font-size:.9rem;color:#aaa;margin-bottom:.3rem}.bar-container{background:linear-gradient(to right,#e74c3c,#f1c40f,#2ecc71);height:14px;border-radius:8px;position:relative;margin-bottom:.5rem}.bar-fill{height:100%;background:transparent;border-radius:8px}.score-pointer{position:absolute;top:-6px;width:20px;height:20px;background-color:#fff;border:2px solid #4f5b93;border-radius:50%;box-shadow:0 0 6px #0006;transition:left .5s ease}.score-info-box{margin-top:2rem;border:2px dotted #4f5b93;background-color:#30323e;padding:1.2rem;border-radius:10px}.score-note{font-size:.95rem;color:#9fe6a0;font-style:italic;margin:0}.issues-section,.suggestions-section,.visual-tags-section{margin:3rem auto;padding:2rem;max-width:800px;background-color:#2d2f38;border-radius:12px;box-shadow:0 6px 18px #0000004d;animation:fadeIn .6s ease}.issues-section h2,.suggestions-section h2,.visual-tags-section h2{color:#ff7979;font-size:1.9rem;margin-bottom:1.2rem;font-weight:600}.visual-tags-section h2{color:#7ed6df}.issue-item,.suggestion-item{margin-bottom:1rem;font-size:1.05rem;color:#eee;display:flex;align-items:center;gap:.6rem}.issue-item span,.suggestion-item span{display:inline-block}.emoji{display:inline-block;animation:wobble 1.2s infinite}@keyframes wobble{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-4deg)}to{transform:rotate(0)}}.tag-item{background-color:#444654;color:#c0f5f5;padding:.4rem .8rem;border-radius:20px;font-size:.95rem;font-weight:500;animation:pulseTag 2.5s infinite;box-shadow:0 0 8px #0ff3}@keyframes pulseTag{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.positives-section{margin:3rem auto;padding:2rem;max-width:800px;background-color:#27313d;border-left:5px solid #2ecc71;border-radius:12px;box-shadow:0 6px 18px #0000004d;animation:fadeIn .6s ease}.positives-section h2{font-size:1.6rem;font-weight:600;color:#2ecc71;margin-bottom:1rem}.positive-note{font-size:1rem;color:#d3ffd3;margin-bottom:1rem;line-height:1.6;animation:fadeSlideUp .8s ease}.positive-tag{background-color:#354b3f;color:#a0f7c4;padding:.4rem .8rem;border-radius:20px;font-size:.95rem;font-weight:500;display:inline-block;animation:bounceIn 1s ease both;box-shadow:0 0 8px #00ff7f4d;margin:.3rem}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#0f0f14bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000}.dark-theme{background-color:#1e1f25;color:#f0f0f0;min-height:100vh}.result-wrapper{max-width:700px;margin:0 auto;padding:2rem}.app-bar{background-color:#2a2c33;padding:1.2rem 2rem;text-align:left;box-shadow:0 2px 6px #00000080;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}.app-bar h1{margin:0;font-size:1.8rem;font-weight:600;color:#fff}.score-section{padding:7rem 2rem 3rem;position:relative}.how-it-works{position:absolute;top:1.2rem;right:1.5rem;background-color:transparent;border:1px solid #7ed6df;color:#7ed6df;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.how-it-works:hover{background-color:#7ed6df;color:#1e1f25}.modal-content{background-color:#2d2f38;color:#c2c6dc;padding:2rem 2.5rem;border-radius:12px;max-width:600px;width:90%;box-shadow:0 0 25px #0009;animation:fadeInModal .3s ease;text-align:center;word-wrap:break-word;line-height:1.6;border:1px solid #4f5b93}.modal-content h2{font-size:1.6rem;margin-bottom:1rem;color:#9fe6a0}.modal-content p{font-size:1rem;line-height:1.5;margin-bottom:1.5rem;color:#c2c6dc}.close-button{background-color:transparent;border:1px solid #4f5b93;color:#c2c6dc;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.close-button:hover{background-color:#4f5b93;color:#fff}.modal-blur{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.summary-section,.suggestions-section,.categories-section,.positives-section{margin:2.5rem 0;padding:2rem;background-color:#2d2f38;border-radius:12px;box-shadow:0 6px 18px #0000004d;animation:fadeIn .6s ease}.summary-section{border-left:5px solid #4f5b93}.suggestions-section h2{color:#f7dc6f}.categories-section h2{color:#7ed6df}.positives-section{background-color:#27313d;border-left:5px solid #2ecc71}.positives-section h2{color:#2ecc71}.summary-section h2,.suggestions-section h2,.categories-section h2,.positives-section h2{font-size:1.5rem;margin-bottom:1rem}.summary-section p,.positive-note{font-size:1rem;color:#d3ffd3;line-height:1.6}.animated-list{list-style:none;padding:0;margin:0}.suggestion-item{font-size:1.05rem;color:#eee;display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.emoji{display:inline-block;animation:wobble 1.5s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}}.category-block{margin-bottom:1.8rem}.category-title{font-size:1.2rem;font-weight:600;color:#ccc;margin-bottom:.5rem}.matched-keywords,.missing-keywords{font-size:.95rem;margin:.2rem 0;display:flex;flex-wrap:wrap;gap:.4rem}.matched-keywords span{background-color:#354b3f;color:#a0f7c4;padding:.3rem .6rem;border-radius:12px;font-weight:500}.missing-keywords span{background-color:#4b2f2f;color:#f5a9a9;padding:.3rem .6rem;border-radius:12px;font-weight:500}.tags-container{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.positive-tag{background-color:#354b3f;color:#a0f7c4;padding:.4rem .8rem;border-radius:20px;font-size:.95rem;font-weight:500;box-shadow:0 0 8px #00ff7f4d}@keyframes fadeInModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.how-it-works-top-right{display:flex;justify-content:flex-end;margin-top:-1rem;margin-bottom:-2rem;position:relative;z-index:5}.how-it-works-button{position:relative;top:4rem;background-color:transparent;border:1px solid #4f5b93;color:#c2c6dc;padding:.4rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.how-it-works-button:hover{background-color:#4f5b93;color:#fff}