*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f4f8;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app-container{min-height:100vh;padding:2rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.header{margin-bottom:3rem;padding:2rem 0;text-align:center}.header h1{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.header p{color:#64748b;margin:0 auto;max-width:600px}.section{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:1.5rem}.section h2{font-size:1.5rem;margin-bottom:1.5rem}.section h2,.section h3{color:#1a202c;font-weight:600}.section h3{align-items:center;display:flex;font-size:1.25rem;margin-bottom:1rem}textarea{border:1px solid #e2e8f0;border-radius:.375rem;font-family:inherit;font-size:1rem;line-height:1.5;margin-bottom:1rem;min-height:12rem;padding:.75rem;resize:vertical;width:100%}textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-label{color:#64748b;display:block;font-size:.875rem;margin-bottom:.5rem}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}button{align-items:center;background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .1s ease}button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{background-color:#94a3b8;cursor:not-allowed}.button-container{margin-top:1.5rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.grid{grid-template-columns:1fr 1fr}}.result-container{background-color:#f8fafc;border-radius:.5rem;margin-bottom:2rem;padding:2rem;text-align:center}.score{color:#3b82f6;font-size:4rem;font-weight:700;line-height:1;margin-bottom:.5rem}.score-label{color:#64748b;font-size:1.25rem;margin-bottom:1rem}.skills-section{background-color:#f8fafc;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.skills-section h3:before{color:#10b981;content:"✓";margin-right:.5rem}.skills-section:nth-child(2) h3:before{color:#f59e0b;content:"⚠️"}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.no-skills{color:#64748b;font-style:italic}.tag{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .75rem;transition:transform .1s ease}.tag:hover{transform:translateY(-1px)}.tag.matched{background-color:#10b981;color:#fff}.tag.missing{background-color:#f59e0b;color:#fff}.score-badge{background-color:#dbeafe;border-radius:9999px;color:#1e40af;display:inline-block;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.25rem .75rem}.suggestions-section{margin-top:2rem}.suggestions-section h3:before{content:"⬆️";margin-right:.5rem}.suggestions-list{list-style:none;margin:0;padding:0}.suggestions-list li{background-color:#dbeafe;border-left:4px solid #3b82f6;border-radius:.375rem;color:#1e40af;margin-bottom:1rem;padding:1rem;transition:transform .1s ease,box-shadow .1s ease}.suggestions-list li:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.suggestion-item{align-items:flex-start;display:flex;gap:1rem}.suggestion-number{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:1.5rem;justify-content:center;margin-top:.25rem;width:1.5rem}.no-suggestions{color:#64748b;font-style:italic;padding:2rem;text-align:center}