body{font-family:Roboto,sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;justify-content:center;align-items:center;min-height:100vh}.app{width:100%;max-width:900px;background:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;overflow:hidden}.header{text-align:center;padding:20px;background:#42a5f5;color:#fff}.logo{width:500px;height:auto;margin-bottom:px}.slogan{font-size:1.2rem;margin-top:10px;font-style:italic}.main{padding:20px}.upload-section{text-align:center;margin-bottom:40px}.upload-section h2{font-size:1.6rem;color:#333}.upload-section p{font-size:1rem;margin:10px 0 20px;color:#666}.upload-btn{display:inline-block;background:#1e88e5;color:#fff;padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.upload-btn input[type=file]{display:none}.upload-btn:hover{background:#1565c0}.loading-text{font-size:1rem;color:#ff5722;margin-top:10px}.result-section{margin-top:20px}.result-section h2{font-size:1.6rem;color:#333;text-align:center;margin-bottom:20px}.form{display:grid;gap:20px}.form-group{display:flex;flex-direction:column}label{font-weight:700;margin-bottom:5px;color:#444}input,textarea{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;background:#f9f9f9}textarea{resize:none;height:100px}input:read-only,textarea:read-only{background:#e0f7fa;border:1px solid #81d4fa}.footer{text-align:center;padding:15px;background:#42a5f5;color:#fff;font-size:.9rem}.resume-btn{display:inline-block;margin-top:10px;padding:10px 20px;background:#00c853;color:#fff;font-size:16px;font-weight:700;text-decoration:none;border-radius:8px;transition:background .3s}.resume-btn:hover{background:#007b33}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}