:root{--primary: #4f46e5;--primary-hover: #4338ca;--bg-color: #f3f4f6;--text-color: #1f2937;--card-bg: #ffffff;--border-color: #e5e7eb}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;line-height:1.5}.app-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;margin-bottom:3rem}.app-header h1{font-size:2.5rem;color:var(--primary);margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.beta-tag{font-size:.8rem;background:#def7ec;color:#03543f;padding:.1rem .5rem;border-radius:999px;vertical-align:middle}.app-header p{color:#6b7280;font-size:1.1rem}.resume-form-container{background:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-row{display:flex;gap:1rem}.half-width{flex:1}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#374151}.radio-group{display:flex;gap:1rem}.radio-group label{font-weight:400;cursor:pointer}input[type=text],input[type=email],textarea,select,input[type=file]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);ring:2px solid var(--primary)}.generate-btn{width:100%;padding:1rem;background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.generate-btn:hover{background-color:var(--primary-hover)}.result-container{width:100%}.actions-bar{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:2rem}.action-btn,.back-btn{padding:.5rem 1rem;border:1px solid var(--primary);background:#fff;color:var(--primary);border-radius:.5rem;cursor:pointer;font-weight:500}.action-btn:hover,.back-btn:hover{background:var(--primary);color:#fff}.back-btn{margin-bottom:1rem;border:none;background:none;color:#6b7280;padding:0}.back-btn:hover{background:none;color:var(--primary);text-decoration:underline}.resume-paper{background:#fff;width:8.5in;min-height:11in;margin:0 auto;padding:1in;box-shadow:0 0 15px #0000001a;color:#333}.resume-header{border-bottom:2px solid #333;padding-bottom:.5rem;margin-bottom:1.5rem}.resume-header h1{margin:0;font-size:2.2rem;text-transform:uppercase;letter-spacing:1px}.contact-info{margin-top:.5rem;font-size:.9rem}.resume-section{margin-bottom:1.5rem}.resume-section h3{border-bottom:1px solid #ccc;padding-bottom:.25rem;margin-bottom:.75rem;text-transform:uppercase;font-size:1.1rem;color:#444}.experience-item,.education-item,.project-item{margin-bottom:1rem}.item-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.item-points{margin:0;padding-left:1.2rem}.item-points li{margin-bottom:.25rem}.loading-container{text-align:center;padding:4rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{.app-header,.app-footer,.actions-bar,.back-btn,.form-group{display:none!important}.app-container{padding:0;margin:0}.resume-paper{box-shadow:none;margin:0;width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
